diff options
| author | Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com> | 2025-07-28 07:21:34 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-07-28 10:21:34 -0400 |
| commit | 56eac1ac74e9f32bbf2541929e80b79cdb6cbcb1 (patch) | |
| tree | ce3e213466aeba1c538679e0fb5e266a4141f953 /src/components/FGModInstallerSection.tsx | |
| parent | 2461cb5d9c2ae31afb33bfd3c3c9a8faa9a7603c (diff) | |
| download | Decky-Framegen-56eac1ac74e9f32bbf2541929e80b79cdb6cbcb1.tar.gz Decky-Framegen-56eac1ac74e9f32bbf2541929e80b79cdb6cbcb1.zip | |
refined copy to clipboard ui feedback (#122)
* copy feedback
* add opti logo and update wording
* branding updates
* hide check mark when installed
Diffstat (limited to 'src/components/FGModInstallerSection.tsx')
| -rw-r--r-- | src/components/FGModInstallerSection.tsx | 29 |
1 files changed, 24 insertions, 5 deletions
diff --git a/src/components/FGModInstallerSection.tsx b/src/components/FGModInstallerSection.tsx index 6777301..b82e749 100644 --- a/src/components/FGModInstallerSection.tsx +++ b/src/components/FGModInstallerSection.tsx @@ -5,6 +5,7 @@ import { OperationResult } from "./ResultDisplay"; import { SmartClipboardButton } from "./SmartClipboardButton"; import { createAutoCleanupTimer } from "../utils"; import { TIMEOUTS, MESSAGES, STYLES } from "../utils/constants"; +import optiScalerImage from "../../assets/optiscaler.png"; interface FGModInstallerSectionProps { pathExists: boolean | null; @@ -63,10 +64,10 @@ export function FGModInstallerSection({ pathExists, setPathExists }: FGModInstal return ( <PanelSection> - {pathExists !== null ? ( + {pathExists === false ? ( <PanelSectionRow> - <div style={pathExists ? STYLES.statusInstalled : STYLES.statusNotInstalled}> - {pathExists ? MESSAGES.modInstalled : MESSAGES.modNotInstalled} + <div style={STYLES.statusNotInstalled}> + {MESSAGES.modNotInstalled} </div> </PanelSectionRow> ) : null} @@ -89,6 +90,26 @@ export function FGModInstallerSection({ pathExists, setPathExists }: FGModInstal {pathExists === true ? ( <PanelSectionRow> + <div style={{ + display: 'flex', + justifyContent: 'center', + marginBottom: '16px' + }}> + <img + src={optiScalerImage} + alt="OptiScaler" + style={{ + maxWidth: '100%', + height: 'auto', + borderRadius: '8px' + }} + /> + </div> + </PanelSectionRow> + ) : null} + + {pathExists === true ? ( + <PanelSectionRow> <div style={STYLES.instructionCard}> <div style={{ fontWeight: 'bold', marginBottom: '8px', color: 'var(--decky-accent-text)' }}> {MESSAGES.instructionTitle} @@ -104,7 +125,6 @@ export function FGModInstallerSection({ pathExists, setPathExists }: FGModInstal <SmartClipboardButton command="~/fgmod/fgmod %command%" buttonText="Copy Patch Command" - successMessage="Patch command ready to paste" /> ) : null} @@ -112,7 +132,6 @@ export function FGModInstallerSection({ pathExists, setPathExists }: FGModInstal <SmartClipboardButton command="~/fgmod/fgmod-uninstaller.sh %command%" buttonText="Copy Unpatch Command" - successMessage="Unpatch command ready to paste" /> ) : null} </PanelSection> |