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

feat: add weekly sales tab with WoW growth

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-01-21 13:19:13 +01:00
parent cc6fd25065
commit 01c90ad889
7 changed files with 1315 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
App.tsx
+10 -1
View File
@@ -3,6 +3,7 @@ import React, { useState, useMemo, useEffect, useCallback } from 'react';
import FileUpload from './components/FileUpload';
import Dashboard from './components/Dashboard';
import DataGrid from './components/DataGrid';
import WeeklyGrid from './components/WeeklyGrid';
import TopMovers from './components/TopMovers';
// import AdvertisingDashboard from './components/AdvertisingDashboard'; // Removed
import FilterBar from './components/FilterBar';
@@ -31,7 +32,7 @@ const App: React.FC = () => {
const [adsData, setAdsData] = useState<AdsRecord[]>([]); // New Ads State
const [loading, setLoading] = useState(true);
const [syncing, setSyncing] = useState(false);
const [view, setView] = useState<'dashboard' | 'table' | 'movers' | 'ads'>('dashboard'); // Added 'ads' view
const [view, setView] = useState<'dashboard' | 'table' | 'weekly' | 'movers' | 'ads'>('dashboard'); // Added 'weekly' view
const [isChatOpen, setIsChatOpen] = useState(false);
const [activeUrl, setActiveUrl] = useState<string | null>(() => localStorage.getItem('craze_csv_url') || PERMANENT_DROPBOX_URL);
const [lastUpdated, setLastUpdated] = useState<string | null>(null);
@@ -377,6 +378,13 @@ const App: React.FC = () => {
>
<TableIcon /> <span className="hidden sm:inline">Grid</span>
</button>
<button
onClick={() => setView('weekly')}
className={`flex items-center gap-2 px-3 py-2 rounded-md text-sm font-medium transition-all
${view === 'weekly' ? 'bg-slate-800 text-white shadow-sm ring-1 ring-white/10' : 'text-slate-400 hover:text-white hover:bg-slate-800/50'}`}
>
<TrendingIcon /> <span className="hidden sm:inline">Weekly Sales</span>
</button>
<button
onClick={() => setView('movers')}
className={`flex items-center gap-2 px-3 py-2 rounded-md text-sm font-medium transition-all
@@ -410,6 +418,7 @@ const App: React.FC = () => {
/>
)}
{view === 'table' && <DataGrid data={combinedAdsData} hasCustomerFilter={filters.customer.length > 0} adsData={filteredAdsData} />}
{view === 'weekly' && <WeeklyGrid data={combinedAdsData} />}
{view === 'movers' && <TopMovers data={filteredData} />}
</div>
</>