feat(web/OrderTable): empty state

mrevanzak · Dec 24, 2023 · 1a8b837 · 1a8b837
1 parent a67bc0f
commit 1a8b837
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/apps/nextjs/src/components/OrderTable.tsx b/apps/nextjs/src/components/OrderTable.tsx
@@ -74,6 +74,13 @@ export default function OrderTable({
         </TableRow>
       </TableHeader>
       <TableBody>
+        {data.length === 0 && (
+          <TableRow>
+            <TableCell colSpan={7} className="text-center">
+              No products need to be approved.
+            </TableCell>
+          </TableRow>
+        )}
         {data.map((order) => (
           <TableRow key={order.id}>
             <TableCell className="line-clamp-1 font-medium">