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: exclude 2023 data & improve weekly sales tooltip (add Sell Out €)

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-01-16 11:07:35 +01:00
parent e271d9d5ba
commit 6a368ffd1f
2 changed files with 537 additions and 537 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/DataGrid.tsx
+6 -6
View File
@@ -64,7 +64,7 @@ const WoWTooltip = ({ active, payload, label, data }: any) => {
<div className="flex items-center">
<span className="font-mono font-semibold text-slate-200">
{p.dataKey === 'sellOut'
? `€${Number(p.value).toLocaleString(undefined, {minimumFractionDigits: 0, maximumFractionDigits: 0})}`
? `€${Number(p.value).toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 0 })}`
: `${Number(p.value).toLocaleString()} u`}
</span>
{wowEl}
@@ -101,12 +101,12 @@ const ComparisonTooltip = ({ active, payload, label }: any) => {
dataByYear[year] = {};
}
// Use the color from the Sell Out line for consistency for that year block
if (metric.toLowerCase().includes('so')) {
if (metric.toLowerCase().includes('sell out')) {
dataByYear[year].sellOut = p.value;
dataByYear[year].color = p.stroke || p.color;
} else if (metric.toLowerCase().includes('units')) {
dataByYear[year].units = p.value;
if(!dataByYear[year].color) { // fallback color from units line
if (!dataByYear[year].color) { // fallback color from units line
dataByYear[year].color = p.stroke || p.color;
}
}
@@ -151,7 +151,7 @@ const ComparisonTooltip = ({ active, payload, label }: any) => {
<span className="font-medium" style={{ color: yearData.color }}>Sell Out:</span>
<div className="flex items-center">
<span className="font-mono font-semibold" style={{ color: yearData.color }}>
€{Number(yearData.sellOut).toLocaleString(undefined, {minimumFractionDigits: 0, maximumFractionDigits: 0})}
€{Number(yearData.sellOut).toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 0 })}
</span>
{sellOutGrowthEl}
</div>
@@ -427,12 +427,12 @@ const DataGrid: React.FC<DataGridProps> = ({ data }) => {
<XAxis
dataKey="name"
stroke="#64748b"
tick={{fontSize: 12}}
tick={{ fontSize: 12 }}
interval={isComparisonView ? 2 : 'preserveStartEnd'}
/>
<YAxis
stroke="#64748b"
tickFormatter={(val) => `€${(val/1000).toFixed(0)}k`}
tickFormatter={(val) => `€${(val / 1000).toFixed(0)}k`}
/>
<Tooltip content={(props: any) => isComparisonView ? <ComparisonTooltip {...props} /> : <WoWTooltip {...props} data={chartData} />} />
<Legend />
services/dataProcessor.ts
+2 -2
View File
@@ -224,8 +224,8 @@ export const processCSV = (fileOrContent: File | string): Promise<SalesRecord[]>
const data: SalesRecord[] = results.data.map((row: any, index: number) => {
return mapRowToRecord(row, index);
})
// Filter: Valid Year AND Allowed Customer
.filter((r: SalesRecord) => r.year > 0 && isAllowedCustomer(r.customer));
// Filter: Valid Year > 2023 (exclude incomplete 2023 data) AND Allowed Customer
.filter((r: SalesRecord) => r.year > 2023 && isAllowedCustomer(r.customer));
resolve(data);
} catch (err) {