From 86f48ed3f8b51ecf9c09dbae26bb159c4f440648 Mon Sep 17 00:00:00 2001
From: Thom Lamb <thomlamb@gmail.com>
Date: Fri, 14 Aug 2026 15:20:11 -0500
Subject: [PATCH 1/2] fix: add back-to-shop navigation on cart page

---
 frontend/src/cart/Cart.tsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/frontend/src/cart/Cart.tsx b/frontend/src/cart/Cart.tsx
index 59ffecb..ba13145 100644
--- a/frontend/src/cart/Cart.tsx
+++ b/frontend/src/cart/Cart.tsx
@@ -1,9 +1,10 @@
 import { useEffect, useState } from 'react';
 import {
   Layout, Typography, List, Button, Empty, Card, Radio, Form, Input,
-  Checkbox, Modal, message, Tag, Spin, theme
+  Checkbox, Modal, message, Tag, Spin, theme, Space
 } from 'antd';
-import { useNavigate } from 'react-router-dom';
+import { ArrowLeftOutlined } from '@ant-design/icons';
+import { useNavigate, Link } from 'react-router-dom';
 import {
   CartItem, ShippingAddress, fetchCart, removeFromCart, fetchAddresses,
   createAddress, createCartPaypalOrder, captureCartPaypalOrder, demoCartPurchase
@@ -133,12 +134,18 @@ export default function Cart() {
 
   return (
     <Layout style={{ minHeight: '100vh' }}>
-      <Header style={{ background: token.colorBgContainer, borderBottom: `1px solid ${token.colorBorderSecondary}` }}>
-        <Title level={3} style={{ color: token.colorText, margin: 0, lineHeight: '64px' }}>Your Cart</Title>
+      <Header style={{ background: token.colorBgContainer, borderBottom: `1px solid ${token.colorBorderSecondary}`, display: 'flex', alignItems: 'center', gap: 16 }}>
+        <Link to="/">
+          <Button icon={<ArrowLeftOutlined />}>Back to Shop</Button>
+        </Link>
+        <Title level={3} style={{ color: token.colorText, margin: 0 }}>Your Cart</Title>
       </Header>
       <Content style={{ padding: 24, maxWidth: 700, margin: '0 auto', width: '100%' }}>
         {items.length === 0 ? (
-          <Empty description="Your cart is empty" />
+          <Space direction="vertical" align="center" style={{ width: '100%', marginTop: 24 }}>
+            <Empty description="Your cart is empty" />
+            <Link to="/"><Button type="primary">Continue Shopping</Button></Link>
+          </Space>
         ) : (
           <>
             <List
@@ -234,4 +241,4 @@ export default function Cart() {
       </Modal>
     </Layout>
   );
-}
+}
\ No newline at end of file
-- 
2.54.0


From 1421694a0c52e16a026ba12c26bf817aaa23eed4 Mon Sep 17 00:00:00 2001
From: Thom Lamb <thomlamb@gmail.com>
Date: Fri, 14 Aug 2026 15:36:30 -0500
Subject: [PATCH 2/2] fix: add back-to-shop navigation on cart page

---
 frontend/src/cart/Cart.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/cart/Cart.tsx b/frontend/src/cart/Cart.tsx
index ba13145..1986b68 100644
--- a/frontend/src/cart/Cart.tsx
+++ b/frontend/src/cart/Cart.tsx
@@ -57,6 +57,7 @@ export default function Cart() {
 
   useEffect(() => { if (customer) loadAll(); }, [customer]);
 
+  // compute the total
   const total = items.reduce((sum, i) => sum + i.price_cents, 0);
 
   async function handleRemove(itemId: number) {
-- 
2.54.0