summaryrefslogtreecommitdiff
path: root/src/components/UsageInstructions.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/UsageInstructions.tsx')
-rw-r--r--src/components/UsageInstructions.tsx7
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>
</>