From db69ada01118478d9b9d333e84c6267dd7d6e333 Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Thu, 9 Apr 2026 16:20:44 +0200
Subject: [PATCH] Add ASIN column to Product Descriptions

---
 src/components/ProductDescriptions.tsx | 5 ++++-
 src/types.ts                           | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ProductDescriptions.tsx b/src/components/ProductDescriptions.tsx
index 3194d09..4c6b7b8 100644
--- a/src/components/ProductDescriptions.tsx
+++ b/src/components/ProductDescriptions.tsx
@@ -29,6 +29,7 @@ export function ProductDescriptions({ data, onEdit, rowStatuses }: ProductDescri
   const [columnWidths, setColumnWidths] = useState<Record<number, number>>({
     [COLUMNS.ARTICLE_NO]: 100,
     [COLUMNS.ARTICLE_NAME]: 250,
+    [COLUMNS.ASIN]: 150,
     [COLUMNS.LINE]: 80,
     [COLUMNS.LICENSE]: 120,
     [COLUMNS.CLASSIFICATION]: 100,
@@ -284,6 +285,7 @@ export function ProductDescriptions({ data, onEdit, rowStatuses }: ProductDescri
                 {[
                   { col: COLUMNS.ARTICLE_NO, label: 'Article No.' },
                   { col: COLUMNS.ARTICLE_NAME, label: 'Article Name' },
+                  { col: COLUMNS.ASIN, label: 'ASIN' },
                   { col: COLUMNS.LINE, label: 'Line' },
                   { col: COLUMNS.LICENSE, label: 'License' },
                   { col: COLUMNS.CLASSIFICATION, label: 'Classification' },
@@ -361,6 +363,7 @@ export function ProductDescriptions({ data, onEdit, rowStatuses }: ProductDescri
                   >
                   <td className="px-4 py-3 font-mono text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NO] }}>{row[COLUMNS.ARTICLE_NO]}</td>
                   <td className="px-4 py-3 font-medium text-white truncate" style={{ width: columnWidths[COLUMNS.ARTICLE_NAME] }} title={row[COLUMNS.ARTICLE_NAME]}>{row[COLUMNS.ARTICLE_NAME]}</td>
+                  <td className="px-4 py-3 font-mono text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.ASIN] }} title={row[COLUMNS.ASIN]}>{row[COLUMNS.ASIN] || '—'}</td>
                   <td className="px-4 py-3 text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.LINE] }}>{row[COLUMNS.LINE]}</td>
                   <td className="px-4 py-3 text-slate-300 text-xs truncate" style={{ width: columnWidths[COLUMNS.LICENSE] }} title={row[COLUMNS.LICENSE]}>{row[COLUMNS.LICENSE] || '—'}</td>
                   <td className="px-4 py-3 truncate" style={{ width: columnWidths[COLUMNS.CLASSIFICATION] }}>
@@ -391,7 +394,7 @@ export function ProductDescriptions({ data, onEdit, rowStatuses }: ProductDescri
               })}
               {paginatedData.length === 0 && (
                 <tr>
-                  <td colSpan={9} className="px-4 py-8 text-center text-slate-500">
+                  <td colSpan={10} className="px-4 py-8 text-center text-slate-500">
                     No products found matching the criteria.
                   </td>
                 </tr>
diff --git a/src/types.ts b/src/types.ts
index 6b66776..1be9f67 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -33,5 +33,6 @@ export const COLUMNS = {
   INNER_H: 44,
   OUTER_W: 47,
   OUTER_L: 48,
-  OUTER_H: 49
+  OUTER_H: 49,
+  ASIN: 50
 };