Merge pull request #231 from sana2dang/language

Add multiple languages

1 files changed, 4 insertions, 3 deletions

diff --git a/src/components/UsageInstructions.tsx b/src/components/UsageInstructions.tsx
index 5f032b8..36e31cf 100644
--- a/src/components/UsageInstructions.tsx
+++ b/src/components/UsageInstructions.tsx
@@ -1,4 +1,5 @@
 import { PanelSectionRow } from "@decky/ui";
+import t from '../i18n/i18n';
 
 export function UsageInstructions() {
   return (
@@ -15,7 +16,7 @@ export function UsageInstructions() {
             color: "white"
           }}
         >
-          Usage Instructions
+          {t('USAGE_TITLE', 'Usage Instructions')}
         </div>
       </PanelSectionRow>
 
@@ -28,7 +29,7 @@ export function UsageInstructions() {
             whiteSpace: "pre-wrap"
           }}
         >
-          Click "Copy Launch Option" button, then paste it into your Steam game's launch options to enable frame generation.
+          {t('USAGE_DESC', 'Click "Copy Launch Option" button, then paste it into your Steam game\'s launch options to enable frame generation.')}
         </div>
       </PanelSectionRow>
 
@@ -60,7 +61,7 @@ export function UsageInstructions() {
             marginTop: "8px"
           }}
         >
-The configuration is stored in ~/.config/lsfg-vk/conf.toml and hot-reloads while games are running.
+          {t('USAGE_CONFIG_NOTE', 'The configuration is stored in ~/.config/lsfg-vk/conf.toml and hot-reloads while games are running.')}
         </div>
       </PanelSectionRow>
     </>