|
|
@@ -43,8 +43,6 @@ interface Product {
|
|
|
id: string;
|
|
|
name: string;
|
|
|
sku: string;
|
|
|
- price: string;
|
|
|
- currency: string;
|
|
|
categories: any[];
|
|
|
enabled_in_context: boolean;
|
|
|
excluded_by_individual: boolean;
|
|
|
@@ -106,7 +104,7 @@ export function ManageStoreDataContent() {
|
|
|
open: false,
|
|
|
title: "",
|
|
|
description: "",
|
|
|
- action: () => {},
|
|
|
+ action: () => { },
|
|
|
});
|
|
|
|
|
|
// Fetch stores on mount
|
|
|
@@ -552,16 +550,13 @@ export function ManageStoreDataContent() {
|
|
|
/>
|
|
|
</TableCell>
|
|
|
<TableCell className="text-white font-medium">{product.name}</TableCell>
|
|
|
- <TableCell className="text-slate-400">{product.sku || 'N/A'}</TableCell>
|
|
|
- <TableCell className="text-slate-300">
|
|
|
- {product.price} {product.currency}
|
|
|
- </TableCell>
|
|
|
- <TableCell>
|
|
|
- {firstCategory && (
|
|
|
- <Badge variant="outline" className="text-xs">
|
|
|
- {firstCategory.name || firstCategory.category_name || firstCategory}
|
|
|
+ <TableCell className="text-white">{product.sku || 'N/A'}</TableCell>
|
|
|
+ <TableCell className="flex flex-wrap">
|
|
|
+ {product.categories.map((category) => (
|
|
|
+ <Badge variant="outline" className="text-xs text-white">
|
|
|
+ {category.name}
|
|
|
</Badge>
|
|
|
- )}
|
|
|
+ ))}
|
|
|
</TableCell>
|
|
|
<TableCell>
|
|
|
<div className="flex items-center gap-2">
|
|
|
@@ -724,11 +719,10 @@ export function ManageStoreDataContent() {
|
|
|
{categories.map((cat) => (
|
|
|
<div
|
|
|
key={cat.category_id}
|
|
|
- className={`flex items-center gap-2 px-3 py-1.5 rounded-md border ${
|
|
|
- cat.is_excluded
|
|
|
+ className={`flex items-center gap-2 px-3 py-1.5 rounded-md border ${cat.is_excluded
|
|
|
? 'bg-red-900/20 border-red-800 text-red-300'
|
|
|
: 'bg-slate-700 border-slate-600 text-white'
|
|
|
- }`}
|
|
|
+ }`}
|
|
|
>
|
|
|
<span className="text-sm">{cat.category_name}</span>
|
|
|
<Badge variant="secondary" className="text-xs">
|
|
|
@@ -822,7 +816,6 @@ export function ManageStoreDataContent() {
|
|
|
</TableHead>
|
|
|
<TableHead className="text-slate-300">Name</TableHead>
|
|
|
<TableHead className="text-slate-300">SKU</TableHead>
|
|
|
- <TableHead className="text-slate-300">Price</TableHead>
|
|
|
<TableHead className="text-slate-300">Category</TableHead>
|
|
|
<TableHead className="text-slate-300">Status</TableHead>
|
|
|
</TableRow>
|