christianV/Craze-Data-check
1
0
Fork 0
mirror of https://github.com/christianvidalwolf-prog/Craze-Data-check.git synced 2026-08-03 14:05:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add ASIN column to Product Descriptions

Browse Source
This commit is contained in:
Christian Vidal Wolf
2026-04-09 16:20:44 +02:00
parent 80fff047ab
commit db69ada011
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ProductDescriptions.tsx
+4 -1
View File
@@ -29,6 +29,7 @@ export function ProductDescriptions({ data, onEdit, rowStatuses }: ProductDescri
const [columnWidths, setColumnWidths] = useState<Record<number, number>>({ const [columnWidths, setColumnWidths] = useState<Record<number, number>>({
[COLUMNS.ARTICLE_NO]: 100, [COLUMNS.ARTICLE_NO]: 100,
[COLUMNS.ARTICLE_NAME]: 250, [COLUMNS.ARTICLE_NAME]: 250,
[COLUMNS.ASIN]: 150,
[COLUMNS.LINE]: 80, [COLUMNS.LINE]: 80,
[COLUMNS.LICENSE]: 120, [COLUMNS.LICENSE]: 120,
[COLUMNS.CLASSIFICATION]: 100, [COLUMNS.CLASSIFICATION]: 100,
@@ -284,6 +285,7 @@ export function ProductDescriptions({ data, onEdit, rowStatuses }: ProductDescri
{[ {[
{ col: COLUMNS.ARTICLE_NO, label: 'Article No.' }, { col: COLUMNS.ARTICLE_NO, label: 'Article No.' },
{ col: COLUMNS.ARTICLE_NAME, label: 'Article Name' }, { col: COLUMNS.ARTICLE_NAME, label: 'Article Name' },
{ col: COLUMNS.ASIN, label: 'ASIN' },
{ col: COLUMNS.LINE, label: 'Line' }, { col: COLUMNS.LINE, label: 'Line' },
{ col: COLUMNS.LICENSE, label: 'License' }, { col: COLUMNS.LICENSE, label: 'License' },
{ col: COLUMNS.CLASSIFICATION, label: 'Classification' }, { 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-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-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.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 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] }}> <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 && ( {paginatedData.length === 0 && (
<tr> <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. No products found matching the criteria.
</td> </td>
</tr> </tr>
src/types.ts
+2 -1
View File
@@ -33,5 +33,6 @@ export const COLUMNS = {
INNER_H: 44, INNER_H: 44,
OUTER_W: 47, OUTER_W: 47,
OUTER_L: 48, OUTER_L: 48,
OUTER_H: 49 OUTER_H: 49,
ASIN: 50
}; };