From ed175299060bb2b7191d0f03a29d0df712728145 Mon Sep 17 00:00:00 2001
From: myrmidex <myrmidex@myrmidex.net>
Date: Fri, 1 May 2026 21:03:05 +0200
Subject: [PATCH] 22 - Generalize UI copy, remove VWCE hardcoding

---
 resources/js/components/Display/StatsBox.tsx          | 6 ++++--
 resources/js/components/Onboarding/OnboardingFlow.tsx | 2 +-
 resources/js/pages/dashboard.tsx                      | 3 ++-
 3 files changed, 7 insertions(+), 4 deletions(-)
diff --git a/resources/js/components/Display/StatsBox.tsx b/resources/js/components/Display/StatsBox.tsx
index 4d5a59f..29da41e 100644
--- a/resources/js/components/Display/StatsBox.tsx
+++ b/resources/js/components/Display/StatsBox.tsx
@@ -26,6 +26,7 @@ interface StatsBoxProps {
     onAddPurchase?: () => void;
     onAddMilestone?: () => void;
     onUpdatePrice?: () => void;
+    assetSymbol?: string;
 }
 
 export default function StatsBox({
@@ -36,7 +37,8 @@ export default function StatsBox({
     className,
     onAddPurchase,
     onAddMilestone,
-    onUpdatePrice
+    onUpdatePrice,
+    assetSymbol
 }: StatsBoxProps) {
     const [isDropdownOpen, setIsDropdownOpen] = useState(false);
 
@@ -78,7 +80,7 @@ export default function StatsBox({
                     <div className="flex items-center space-x-2 relative">
                         {stats.currentPrice && (
                             <div className="text-red-500 text-sm font-mono tracking-wider">
-                                VWCE: {formatCurrencyDetailed(stats.currentPrice)}
+                                {assetSymbol ?? 'PRICE'}: {formatCurrencyDetailed(stats.currentPrice)}
                             </div>
                         )}
 
diff --git a/resources/js/components/Onboarding/OnboardingFlow.tsx b/resources/js/components/Onboarding/OnboardingFlow.tsx
index e80f825..01866df 100644
--- a/resources/js/components/Onboarding/OnboardingFlow.tsx
+++ b/resources/js/components/Onboarding/OnboardingFlow.tsx
@@ -36,7 +36,7 @@ export default function OnboardingFlow({ onComplete }: OnboardingFlowProps) {
         {
             id: 'milestones',
             title: 'SET MILESTONES',
-            description: 'Define your investment goals',
+            description: 'Define your goals',
             completed: false,
             required: true,
         },
diff --git a/resources/js/pages/dashboard.tsx b/resources/js/pages/dashboard.tsx
index 3abea13..6463a17 100644
--- a/resources/js/pages/dashboard.tsx
+++ b/resources/js/pages/dashboard.tsx
@@ -253,7 +253,7 @@ export default function Dashboard() {
 
     return (
         <>
-            <Head title="VWCE Tracker" />
+            <Head title="incr" />
 
             {/* Stacked Layout */}
             <div className="min-h-screen bg-black">
@@ -286,6 +286,7 @@ export default function Dashboard() {
                             onAddPurchase={() => setActiveForm('purchase')}
                             onAddMilestone={() => setActiveForm('milestone')}
                             onUpdatePrice={() => setActiveForm('price')}
+                            assetSymbol={currentAsset?.symbol}
                         />
                     </div>
 
