christianV/CrazeAnalytix
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/CrazeAnalytix.git synced 2026-08-03 11:45:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add Market Gap Report - top 5 DE products not sold in ES

Browse Source
This commit is contained in:
christian.vidal
2026-02-25 19:17:07 +01:00
parent 5dfcdd71c0
commit 583bc07dba
2 changed files with 294 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
App.tsx
+15 -1
View File
@@ -24,6 +24,7 @@ const ForecastView = lazy(() => import('./components/ForecastView'));
const VendorDataView = lazy(() => import('./components/VendorDataView'));
const ExperimentsView = lazy(() => import('./components/ExperimentsView'));
// ExperimentDetail and ExperimentForm are now integrated into ExperimentsView
const MarketGapReport = lazy(() => import('./components/MarketGapReport'));
// Loading fallback component
const LoadingSpinner = () => (
@@ -50,7 +51,7 @@ const App: React.FC = () => {
const [trafficData, setTrafficData] = useState<TrafficRecord[]>([]);
const [loading, setLoading] = useState(true);
const [syncing, setSyncing] = useState(false);
const [view, setView] = useState<'dashboard' | 'table' | 'weekly' | 'movers' | 'ads' | 'forecast' | 'vendor' | 'experiments'>('dashboard');
const [view, setView] = useState<'dashboard' | 'table' | 'weekly' | 'movers' | 'ads' | 'forecast' | 'vendor' | 'experiments' | 'gap'>('dashboard');
const [forecastData, setForecastData] = useState<ProductForecastData[]>([]);
const [isChatOpen, setIsChatOpen] = useState(false);
const [activeUrl, setActiveUrl] = useState<string | null>(() => localStorage.getItem('craze_csv_url') || PERMANENT_DROPBOX_URL);
@@ -829,6 +830,13 @@ const App: React.FC = () => {
>
<span className="text-lg">🧪</span> <span className="hidden lg:inline">Experiments</span>
</button>
<button
onClick={() => setView('gap')}
className={`flex items-center gap-2 px-3 py-2 rounded-md text-sm font-medium transition-all
${view === 'gap' ? 'bg-slate-800 text-white shadow-sm ring-1 ring-white/10' : 'text-slate-400 hover:text-white hover:bg-slate-800/50'}`}
>
<span>🌍</span> <span className="hidden sm:inline">Gap Report</span>
</button>
</div>
</div>
</div>
@@ -953,6 +961,12 @@ const App: React.FC = () => {
/>
</div>
</Suspense>
<Suspense fallback={<LoadingSpinner />}>
<div className={view === 'gap' ? '' : 'hidden'}>
<MarketGapReport data={rawData} />
</div>
</Suspense>
</div>
</>
)}