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 { Card, CardContent } from '@/components/ui/card';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Badge } from '@/components/ui/badge'; 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 { DataTable } from '@/components/data-table';
import { DataTableColumnHeader } from '@/components/data-table-column-header'; import { DataTableColumnHeader } from '@/components/data-table-column-header';
import { useState } from 'react'; import { useState } from 'react';
@ -94,8 +94,8 @@ export default function ProductIndex({ products, categories }: { products: Produ
/> />
</button> </button>
) : ( ) : (
<div className="h-12 w-12 rounded-lg bg-muted flex items-center justify-center border border-border/50"> <div className="h-10 w-10 flex items-center justify-center bg-muted rounded-md border">
<span className="text-[10px] text-muted-foreground uppercase font-semibold">N/A</span> <ImagePlus className="h-4 w-4 text-muted-foreground" />
</div> </div>
)} )}
</div> </div>