feat: replace N/A placeholder with ImagePlus icon in product list table

This commit is contained in:
Yoga Pangestu 2026-04-17 15:44:59 +07:00
parent d169e5a733
commit b69f42ed31

View File

@ -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">