From 170d183fdafc1ec1a686c006fd6a2431c1f30c71 Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Sun, 6 Sep 2026 19:06:52 -0400
Subject: refactor: align secondary tabs with Decky UI

---
 src/components/InstallationButton.tsx | 43 +++++++----------------------------
 1 file changed, 8 insertions(+), 35 deletions(-)

(limited to 'src/components/InstallationButton.tsx')

diff --git a/src/components/InstallationButton.tsx b/src/components/InstallationButton.tsx
index 7f0ac96..1bf10ac 100644
--- a/src/components/InstallationButton.tsx
+++ b/src/components/InstallationButton.tsx
@@ -1,5 +1,4 @@
 import { ButtonItem, PanelSectionRow } from "@decky/ui";
-import { FaDownload, FaTrash } from "react-icons/fa";
 import t from '../i18n/i18n';
 
 interface InstallationButtonProps {
@@ -17,39 +16,13 @@ export function InstallationButton({
   onInstall,
   onUninstall
 }: InstallationButtonProps) {
-  const renderButtonContent = () => {
-    if (isInstalling) {
-      return (
-        <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
-          <div>{t('INSTALL_INSTALLING', 'Installing...')}</div>
-        </div>
-      );
-    }
-
-    if (isUninstalling) {
-      return (
-        <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
-          <div>{t('INSTALL_UNINSTALLING', 'Uninstalling...')}</div>
-        </div>
-      );
-    }
-
-    if (isInstalled) {
-      return (
-        <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
-          <FaTrash />
-          <div>{t('INSTALL_UNINSTALL_BTN', 'Uninstall LSFG-VK')}</div>
-        </div>
-      );
-    }
-
-    return (
-      <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
-        <FaDownload />
-        <div>{t('INSTALL_INSTALL_BTN', 'Install LSFG-VK')}</div>
-      </div>
-    );
-  };
+  const label = isInstalling
+    ? t('INSTALL_INSTALLING', 'Installing...')
+    : isUninstalling
+      ? t('INSTALL_UNINSTALLING', 'Uninstalling...')
+      : isInstalled
+        ? t('INSTALL_UNINSTALL_BTN', 'Uninstall LSFG-VK')
+        : t('INSTALL_INSTALL_BTN', 'Install LSFG-VK');
 
   return (
     <PanelSectionRow>
@@ -58,7 +31,7 @@ export function InstallationButton({
         onClick={isInstalled ? onUninstall : onInstall}
         disabled={isInstalling || isUninstalling}
       >
-        {renderButtonContent()}
+        {label}
       </ButtonItem>
     </PanelSectionRow>
   );
-- 
cgit v1.2.3

