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

Fix/cart back navigation #12

Merged
bermudalamb merged 2 commits from fix/cart-back-navigation into main 2026-08-14 15:37:28 -05:00
Conversation 0 Commits 2 Files Changed 1
+13 -6
1 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 86f48ed3f8 - Show all commits
frontend/src/cart/Cart.tsx
+11 -4
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 ? (
<Space direction="vertical" align="center" style={{ width: '100%', marginTop: 24 }}>
<Empty description="Your cart is empty" /> <Empty description="Your cart is empty" />
<Link to="/"><Button type="primary">Continue Shopping</Button></Link>
</Space>
) : ( ) : (
<> <>
<List <List