From ea6e009ce1f87027cacd89b168325b0a318c160c Mon Sep 17 00:00:00 2001
From: Zerebos <me@zerebos.com>
Date: Mon, 4 Mar 2024 14:45:17 -0500
Subject: [PATCH] Update some updater styles

---
 renderer/src/styles/ui/updater.css | 4 ++++
 renderer/src/ui/icons/download.jsx | 9 +++++++++
 renderer/src/ui/updater.jsx        | 3 ++-
 3 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 renderer/src/ui/icons/download.jsx

diff --git a/renderer/src/styles/ui/updater.css b/renderer/src/styles/ui/updater.css
index 87614ccb..cc37b5de 100644
--- a/renderer/src/styles/ui/updater.css
+++ b/renderer/src/styles/ui/updater.css
@@ -35,6 +35,10 @@
   animation: 500ms linear infinite bd-update-spin;
 }
 
+.bd-button.bd-button-icon.no-animate {
+  animation: none !important;
+}
+
 .bd-settings-group-title .bd-button-icon {
   margin-left: 3px;
   margin-right: -8px;
diff --git a/renderer/src/ui/icons/download.jsx b/renderer/src/ui/icons/download.jsx
new file mode 100644
index 00000000..8f3bfe2a
--- /dev/null
+++ b/renderer/src/ui/icons/download.jsx
@@ -0,0 +1,9 @@
+import React from "@modules/react";
+
+export default function Download(props) {
+    const size = props.size || "24px";
+    return <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style={{width: size, height: size}}>
+            <path d="M0 0h24v24H0z" fill="none"/>
+            <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/>
+        </svg>;
+}
\ No newline at end of file
diff --git a/renderer/src/ui/updater.jsx b/renderer/src/ui/updater.jsx
index d9945ee8..b0078c32 100644
--- a/renderer/src/ui/updater.jsx
+++ b/renderer/src/ui/updater.jsx
@@ -12,6 +12,7 @@ import SettingsTitle from "@ui/settings/title";
 import Toasts from "@ui/toasts";
 
 import Checkmark from "@ui/icons/check";
+import Download from "@ui/icons/download";
 import Reload from "@ui/icons/reload";
 import Sync from "@ui/icons/sync";
 
@@ -40,7 +41,7 @@ function CoreUpdaterPanel({hasUpdate, remoteVersion, update}) {
     return <Drawer name="BetterDiscord" collapsible={true}>
         <SettingItem name={`Core v${Config.version}`} note={hasUpdate ? Strings.Updater.versionAvailable.format({version: remoteVersion}) : Strings.Updater.noUpdatesAvailable} inline={true} id={"core-updater"}>
             {!hasUpdate && <div className="bd-filled-checkmark"><Checkmark size="18px" /></div>}
-            {hasUpdate && makeButton(Strings.Updater.updateButton, <Reload />, update)}
+            {hasUpdate && makeButton(Strings.Updater.updateButton, <Download />, update, {className: "no-animation"})}
         </SettingItem>
     </Drawer>;
 }