Browse Source

fix the category list in the webui

Fszontagh 4 months ago
parent
commit
1c578dd3bb
1 changed files with 9 additions and 16 deletions
  1. 9 16
      shopcall.ai-main/src/components/ManageStoreDataContent.tsx

+ 9 - 16
shopcall.ai-main/src/components/ManageStoreDataContent.tsx

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