bermudalamb/redefined-designs
1
0
Fork 0
Code Issues 2 Pull Requests 1 Actions Packages Projects 3 Releases Wiki Activity

fix: add back-to-shop navigation on cart page

Browse Source
This commit is contained in:
bermudalamb
2026-08-14 15:20:11 -05:00
parent cc3798a7f8
commit 86f48ed3f8
1 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/cart/Cart.tsx
+12 -5
View File
@@ -1,9 +1,10 @@
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { import {
Layout, Typography, List, Button, Empty, Card, Radio, Form, Input, Layout, Typography, List, Button, Empty, Card, Radio, Form, Input,
Checkbox, Modal, message, Tag, Spin, theme Checkbox, Modal, message, Tag, Spin, theme, Space
} from 'antd'; } from 'antd';
import { useNavigate } from 'react-router-dom'; import { ArrowLeftOutlined } from '@ant-design/icons';
import { useNavigate, Link } from 'react-router-dom';
import { import {
CartItem, ShippingAddress, fetchCart, removeFromCart, fetchAddresses, CartItem, ShippingAddress, fetchCart, removeFromCart, fetchAddresses,
createAddress, createCartPaypalOrder, captureCartPaypalOrder, demoCartPurchase createAddress, createCartPaypalOrder, captureCartPaypalOrder, demoCartPurchase
@@ -133,12 +134,18 @@ export default function Cart() {
return ( return (
<Layout style={{ minHeight: '100vh' }}> <Layout style={{ minHeight: '100vh' }}>
<Header style={{ background: token.colorBgContainer, borderBottom: `1px solid ${token.colorBorderSecondary}` }}> <Header style={{ background: token.colorBgContainer, borderBottom: `1px solid ${token.colorBorderSecondary}`, display: 'flex', alignItems: 'center', gap: 16 }}>
<Title level={3} style={{ color: token.colorText, margin: 0, lineHeight: '64px' }}>Your Cart</Title> <Link to="/">
<Button icon={<ArrowLeftOutlined />}>Back to Shop</Button>
</Link>
<Title level={3} style={{ color: token.colorText, margin: 0 }}>Your Cart</Title>
</Header> </Header>
<Content style={{ padding: 24, maxWidth: 700, margin: '0 auto', width: '100%' }}> <Content style={{ padding: 24, maxWidth: 700, margin: '0 auto', width: '100%' }}>
{items.length === 0 ? ( {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 <List