From b3bd38494122b402a7c1c3873747148da2538ef6 Mon Sep 17 00:00:00 2001
From: sana2dang <sana2dang@naver.com>
Date: Thu, 12 Mar 2026 16:07:04 +0900
Subject: Apply i18n to all UI components with ko/ja translations

- Add src/i18n/i18n.ts translation engine (ported from SimpleDeckyTDP)
- Add defaults/i18n/{ko,ja,template}.json with 80 translation keys
- Add defaults/i18n/language_metadata.json and steam_language_map.json
- Add scripts/build_i18n_json.sh to generate languages.json
- Apply t() to all 10 components: Content, ConfigurationSection,
  FlatpaksModal, FpsMultiplierControl, InstallationButton, NerdStuffModal,
  ProfileManagement, SmartClipboardButton, FgmodClipboardButton, UsageInstructions
---
 src/components/InstallationButton.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

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

diff --git a/src/components/InstallationButton.tsx b/src/components/InstallationButton.tsx
index d0f2ce5..7f0ac96 100644
--- a/src/components/InstallationButton.tsx
+++ b/src/components/InstallationButton.tsx
@@ -1,5 +1,6 @@
 import { ButtonItem, PanelSectionRow } from "@decky/ui";
 import { FaDownload, FaTrash } from "react-icons/fa";
+import t from '../i18n/i18n';
 
 interface InstallationButtonProps {
   isInstalled: boolean;
@@ -20,7 +21,7 @@ export function InstallationButton({
     if (isInstalling) {
       return (
         <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
-          <div>Installing...</div>
+          <div>{t('INSTALL_INSTALLING', 'Installing...')}</div>
         </div>
       );
     }
@@ -28,7 +29,7 @@ export function InstallationButton({
     if (isUninstalling) {
       return (
         <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
-          <div>Uninstalling...</div>
+          <div>{t('INSTALL_UNINSTALLING', 'Uninstalling...')}</div>
         </div>
       );
     }
@@ -37,7 +38,7 @@ export function InstallationButton({
       return (
         <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
           <FaTrash />
-          <div>Uninstall LSFG-VK</div>
+          <div>{t('INSTALL_UNINSTALL_BTN', 'Uninstall LSFG-VK')}</div>
         </div>
       );
     }
@@ -45,7 +46,7 @@ export function InstallationButton({
     return (
       <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
         <FaDownload />
-        <div>Install LSFG-VK</div>
+        <div>{t('INSTALL_INSTALL_BTN', 'Install LSFG-VK')}</div>
       </div>
     );
   };
-- 
cgit v1.2.3

