feat: Add HeatmapGrid component for visualizing product data with TanStack Table, virtualization, and performance optimizations.

This commit is contained in:
Michael committed 2026-03-19 13:02:16 +01:00
1 parent 34529f3934
commit a4528c6d14
1 file changed
+4 -4
@@ -407,7 +407,7 @@ export function HeatmapGrid({ onSelectionChange }: HeatmapGridProps) {
const val = getValue<number | undefined>();
return (
<div className="text-center tabular-nums text-[12px] font-bold" style={{ color: "var(--text-secondary)" }}>
{val != null ? `#${val}` : "-"}
{val != null ? val : "-"}
</div>
);
},
@@ -420,7 +420,7 @@ export function HeatmapGrid({ onSelectionChange }: HeatmapGridProps) {
const val = getValue<number | undefined>();
return (
<div className="text-center tabular-nums text-[12px] font-bold" style={{ color: "var(--text-secondary)" }}>
{val != null ? `#${val}` : "-"}
{val != null ? val : "-"}
</div>
);
},
@@ -433,7 +433,7 @@ export function HeatmapGrid({ onSelectionChange }: HeatmapGridProps) {
const val = getValue<number | undefined>();
return (
<div className="text-center tabular-nums text-[12px] font-bold" style={{ color: "var(--text-secondary)" }}>
{val != null ? `#${val}` : "-"}
{val != null ? val : "-"}
</div>
);
},
@@ -446,7 +446,7 @@ export function HeatmapGrid({ onSelectionChange }: HeatmapGridProps) {
const val = getValue<number | undefined>();
return (
<div className="text-center tabular-nums text-[12px] font-bold" style={{ color: "var(--text-secondary)" }}>
{val != null ? `#${val}` : "-"}
{val != null ? val : "-"}
</div>
);
},