fix: add image to menu item (#42)

Co-authored-by: Thanh Quy - wolf <524H0124@student.tdtu.edu.vn> Co-authored-by: Thanh Quy- wolf <524H0124@student.tdtu.edu.vn> Reviewed-on: #42 Co-authored-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost> Co-committed-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost>
2026-05-14 03:31:04 +00:00
parent 43658ace21
commit 8e9e48d9b4
8 changed files with 400 additions and 222 deletions
@@ -25,7 +25,11 @@ export default function PaymentPage() {
  const { products } = useManager();

  const findProduct = (id: string): MenuItemEntity =>
-    products.find((i) => i.id == id)!;
+    products.find((i) => i.id == id) ?? ({
+      name: "Unknown product",
+      description: "",
+      price: 0,
+    } as MenuItemEntity);

  const [isReviewOpen, setIsReviewOpen] = useState(false);
  const isCustomer = user?.role === "customer";
@@ -83,7 +87,7 @@ export default function PaymentPage() {
                          return (
                            <tr
                              key={id}
-                              className="border-t border-(--color-border-light)"
+                              className={`border-t border-(--color-border-light) ${quantity == 0 ? "hidden" : ""}`}
                            >
                              <td className="text-foreground px-4 py-3 font-medium">
                                {name}