From b69f42ed31e71a833ea83dde6d000dc937b03637 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Fri, 17 Apr 2026 15:44:59 +0700
Subject: [PATCH] feat: replace N/A placeholder with ImagePlus icon in product
 list table

---
 resources/js/pages/admin/master/product/index.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/pages/admin/master/product/index.tsx b/resources/js/pages/admin/master/product/index.tsx
index 7566754..432ae65 100644
--- a/resources/js/pages/admin/master/product/index.tsx
+++ b/resources/js/pages/admin/master/product/index.tsx
@@ -4,7 +4,7 @@ import { ColumnDef } from '@tanstack/react-table';
 import { Card, CardContent } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
-import { Trash2, Pencil, Plus } from 'lucide-react';
+import { Trash2, Pencil, Plus, ImagePlus } from 'lucide-react';
 import { DataTable } from '@/components/data-table';
 import { DataTableColumnHeader } from '@/components/data-table-column-header';
 import { useState } from 'react';
@@ -94,8 +94,8 @@ export default function ProductIndex({ products, categories }: { products: Produ
                                 />
                             </button>
                         ) : (
-                            <div className="h-12 w-12 rounded-lg bg-muted flex items-center justify-center border border-border/50">
-                                <span className="text-[10px] text-muted-foreground uppercase font-semibold">N/A</span>
+                            <div className="h-10 w-10 flex items-center justify-center bg-muted rounded-md border">
+                                <ImagePlus className="h-4 w-4 text-muted-foreground" />
                             </div>
                         )}
                     </div>
@@ -285,7 +285,7 @@ export default function ProductIndex({ products, categories }: { products: Produ
                     </AlertDialogFooter>
                 </AlertDialogContent>
             </AlertDialog>
-            
+
             <Dialog open={!!selectedImage} onOpenChange={() => setSelectedImage(null)}>
                 <DialogContent className="max-w-3xl p-0 overflow-hidden border-none bg-transparent shadow-none">
                     <div className="relative group">