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

Fix: remove duplicated Top50 ranking badges, keep only leftmost instance

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-04-27 11:44:17 +02:00
parent 1fc494fc3f
commit e7f48af099
2 changed files with 3 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/DataGrid.tsx
+3 -3
View File
@@ -1374,7 +1374,7 @@ const DataGrid: React.FC<DataGridProps> = ({ data, filters, hasCustomerFilter, a
<tbody className="divide-y divide-border text-slate-300">
{paginatedRows.map((row) => (
<tr key={row.id} className="hover:bg-slate-800/50 transition-colors group relative hover:z-50">
{effectiveDimensions.map(dim => (
{effectiveDimensions.map((dim, dimIdx) => (
<td key={dim} className="px-2.5 py-3 font-medium text-slate-200 break-words max-w-xs">
{dim === 'title'
? <div className="flex items-start gap-2 max-w-sm relative group/title">
@@ -1387,7 +1387,7 @@ const DataGrid: React.FC<DataGridProps> = ({ data, filters, hasCustomerFilter, a
{stockMap && (
<StockBadge stock={stockMap.get(row.sku?.replace(/(DE|EN)$/i, ''))} />
)}
{(() => {
{dimIdx === 0 && (() => {
const asin = (row.asin || '').trim().toUpperCase();
if (asin && top50Ranking) {
if (top50Mode === 'eu') {
@@ -1411,7 +1411,7 @@ const DataGrid: React.FC<DataGridProps> = ({ data, filters, hasCustomerFilter, a
</div>
: dim === 'asin' || dim === 'sku'
? <div className="flex items-center gap-2 min-w-max">
{(() => {
{dimIdx === 0 && (() => {
const asin = (row.asin || '').trim().toUpperCase();
if (asin && top50Ranking) {
if (top50Mode === 'eu') {
components/WeeklyRow.tsx
-12
View File
@@ -125,18 +125,6 @@ export const WeeklyRow: React.FC<WeeklyRowProps> = React.memo(({
avgWeeklySales={velocityMap?.get(asin)}
internalStock={stockMap?.get(row.sku?.replace(/(DE|EN)$/i, ''))}
/>
{(() => {
if (asin && top50Ranking) {
if (top50Mode === 'eu') {
const rank = top50Ranking.eu.get(asin);
if (rank) return <Top50Badge rank={rank} label="EU" theme="indigo" />;
} else {
const rank = top50Ranking.uk.get(asin);
if (rank) return <Top50Badge rank={rank} label="UK" theme="blue" />;
}
}
return null;
})()}
<BuyBoxWarningBadge asin={asin} buyBoxLostMap={buyBoxLostMap} />
{experimentMap && (
<ExperimentBadge