diff options
| author | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-07-13 00:04:54 -0400 |
|---|---|---|
| committer | xXJSONDeruloXx <danielhimebauch@gmail.com> | 2025-07-13 00:04:54 -0400 |
| commit | 77494457e2a4f5c80c3a2f7acb054b12d918d8ad (patch) | |
| tree | fad4c4dd2ce69a850b56078444427866dedce9fa /src/components/UsageInstructions.tsx | |
| parent | 6cfcaa6c169cb8c898775eee276ff2497ab8f45c (diff) | |
| download | decky-lsfg-vk-77494457e2a4f5c80c3a2f7acb054b12d918d8ad.tar.gz decky-lsfg-vk-77494457e2a4f5c80c3a2f7acb054b12d918d8ad.zip | |
restructure for maintainability
Diffstat (limited to 'src/components/UsageInstructions.tsx')
| -rw-r--r-- | src/components/UsageInstructions.tsx | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/src/components/UsageInstructions.tsx b/src/components/UsageInstructions.tsx new file mode 100644 index 0000000..712d4c1 --- /dev/null +++ b/src/components/UsageInstructions.tsx @@ -0,0 +1,68 @@ +import { PanelSectionRow } from "@decky/ui"; + +interface UsageInstructionsProps { + multiplier: number; +} + +export function UsageInstructions({ multiplier }: UsageInstructionsProps) { + return ( + <PanelSectionRow> + <div + style={{ + fontSize: "13px", + marginTop: "12px", + padding: "8px", + backgroundColor: "rgba(255, 255, 255, 0.05)", + borderRadius: "4px" + }} + > + <div style={{ fontWeight: "bold", marginBottom: "6px" }}> + Usage Instructions: + </div> + <div style={{ marginBottom: "4px" }}> + Option 1: Use the lsfg script (recommended): + </div> + <div + style={{ + fontFamily: "monospace", + backgroundColor: "rgba(0, 0, 0, 0.3)", + padding: "4px", + borderRadius: "2px", + fontSize: "12px", + marginBottom: "6px" + }} + > + ~/lsfg %COMMAND% + </div> + <div style={{ marginBottom: "4px" }}> + Option 2: Manual environment variables: + </div> + <div + style={{ + fontFamily: "monospace", + backgroundColor: "rgba(0, 0, 0, 0.3)", + padding: "4px", + borderRadius: "2px", + fontSize: "12px", + marginBottom: "6px" + }} + > + ENABLE_LSFG=1 LSFG_MULTIPLIER={multiplier} %COMMAND% + </div> + <div style={{ fontSize: "11px", opacity: 0.8 }}> + The lsfg script uses your current configuration settings. + <br /> + • ENABLE_LSFG=1 - Enables frame generation + <br /> + • LSFG_MULTIPLIER=2-4 - FPS multiplier (start with 2) + <br /> + • LSFG_FLOW_SCALE=0.25-1.0 - Flow scale (for performance) + <br /> + • LSFG_HDR=1 - HDR mode (only if using HDR) + <br /> + • MESA_VK_WSI_PRESENT_MODE=immediate - Disable vsync + </div> + </div> + </PanelSectionRow> + ); +} |