From a4528c6d1476df81e6107fab7f6b5048b257b7f1 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 19 Mar 2026 13:02:16 +0100
Subject: [PATCH] feat: Add HeatmapGrid component for visualizing product data
 with TanStack Table, virtualization, and performance optimizations.

---
 src/features/grid/components/heatmap-grid.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/features/grid/components/heatmap-grid.tsx b/src/features/grid/components/heatmap-grid.tsx
index 80449a3..e57e516 100644
--- a/src/features/grid/components/heatmap-grid.tsx
+++ b/src/features/grid/components/heatmap-grid.tsx
@@ -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>
                 );
             },