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

feat: Add Amazon Ads Weekly integration with Dashboard KPIs, Grid summary, and chart lines

Browse Source 
- Update AdsRecord interface to support weekly data (year, week, cpc, ctr, acos, conversions)
- Rewrite processAdsExcel to parse multiple sheets (2025, 2026) with 12-column format
- Update mergeSalesAndAdsData to match by ASIN+Country+Year+Week
- Add Advertising Performance section to Dashboard with Ad Spend, Attributed Sales, ACOS, ROAS
- Add Ads toggle button and summary bar to DataGrid
- Add Ad Spend lines (fuchsia dashed) to weekly comparison chart
- Fix import paths in Dashboard.tsx and AdvertisingDashboard.tsx
This commit is contained in:
Christian Vidal Wolf
2026-01-21 09:45:50 +01:00
parent 67951bcac8
commit 1c826c2487
6 changed files with 491 additions and 298 deletions
Download Patch File Download Diff File Expand all files Collapse all files
App.tsx
+9 -8
View File
@@ -9,7 +9,7 @@ import FilterBar from './components/FilterBar';
import AIChat from './components/AIChat';
import CrazeLogo from './components/CrazeLogo';
import { SalesRecord, FilterState, AggregatedData, AdsRecord } from './types'; // Imported AdsRecord
import { processCSV, filterData, aggregateData, getUniqueValues, processAdsCSV, mergeSalesAndAdsData } from './services/dataProcessor'; // Imported new processors
import { processCSV, filterData, aggregateData, getUniqueValues, processAdsCSV, processAdsExcel, mergeSalesAndAdsData } from './services/dataProcessor'; // Imported new processors
import { queryGemini } from './services/geminiService';
import { ChartIcon, TableIcon, UploadIcon, DownloadIcon, CloseIcon, TrendingIcon } from './components/Icons';
import { loadSalesData, saveSalesData, clearSalesData } from './services/storage';
@@ -155,18 +155,18 @@ const App: React.FC = () => {
}
};
// Handle uploaded Ads file (Manual)
// Handle uploaded Ads file (Manual) - Supports both CSV and Excel
const handleAdsUpload = async (file: File) => {
setSyncing(true);
try {
const data = await processAdsCSV(file);
const isExcel = file.name.endsWith('.xlsx') || file.name.endsWith('.xls');
const data = isExcel ? await processAdsExcel(file) : await processAdsCSV(file);
setAdsData(data);
console.log("Ads loaded:", data.length);
console.log("Ads loaded:", data.length, "records from", file.name);
setIsDataModalOpen(false);
// setView('ads'); // Removed switching to ads view
} catch (error) {
console.error("Failed to parse Ads CSV", error);
alert("Error parsing Ads CSV. Please check the format.");
console.error("Failed to parse Ads file", error);
alert("Error parsing Ads file. Please check the format.");
} finally {
setSyncing(false);
}
@@ -361,9 +361,10 @@ const App: React.FC = () => {
<Dashboard
data={aggregatedData}
contextData={contextAggregatedData}
adsData={adsData}
/>
)}
{view === 'table' && <DataGrid data={filteredData} hasCustomerFilter={filters.customer.length > 0} />}
{view === 'table' && <DataGrid data={filteredData} hasCustomerFilter={filters.customer.length > 0} adsData={adsData} />}
{view === 'movers' && <TopMovers data={filteredData} />}
</div>
</>