From 56eac1ac74e9f32bbf2541929e80b79cdb6cbcb1 Mon Sep 17 00:00:00 2001
From: Kurt Himebauch <136133082+xXJSONDeruloXx@users.noreply.github.com>
Date: Mon, 28 Jul 2025 07:21:34 -0700
Subject: refined copy to clipboard ui feedback (#122)

* copy feedback

* add opti logo and update wording

* branding updates

* hide check mark when installed
---
 src/components/FGModInstallerSection.tsx | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

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

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}
@@ -87,6 +88,26 @@ export function FGModInstallerSection({ pathExists, setPathExists }: FGModInstal
         </PanelSectionRow>
       ) : null}
       
+      {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}>
@@ -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>
-- 
cgit v1.2.3