crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-18 23:46:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

ejected

Browse Source
This commit is contained in:
brkcvn 2023-11-15 15:39:44 +03:00
parent 6492c4483e
commit 2b36880eca
2 changed files with 0 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
app/account/component/accont-book.tsx
View File

@ -1,50 +0,0 @@
import AddressCard from '@/components/AddressCard';
import { Button } from '@/components/Button';
import { Text } from '@/components/Text';
import { Customer, MailingAddress } from '@/lib/shopify/types';
import { convertObjectToQueryString } from '@/lib/utils';
export default function AccountBook({
customer,
addresses,
}: {
customer: Customer;
addresses: MailingAddress[];
}) {
return (
<>
<div className="grid w-full gap-4 p-4 py-6 md:gap-8 md:p-8 lg:p-12">
<h3 className="font-bold text-lead">Address Book</h3>
<div>
{!addresses?.length && (
<Text className="mb-1" width="narrow" as="p" size="copy">
You haven&apos;t saved any addresses yet.
</Text>
)}
<div className="w-48">
<a
href={`account?${convertObjectToQueryString({
modal: 'address-add',
})}`}
className="inline-block rounded font-medium text-center py-3 px-6 border border-primary/10 bg-contrast text-primary mt-2 text-sm w-full mb-6"
>
Add an Address
</a>
</div>
{Boolean(addresses?.length) && (
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6">
{customer.defaultAddress && (
<AddressCard address={customer.defaultAddress} defaultAddress />
)}
{addresses
.filter(address => address.id !== customer.defaultAddress?.id)
.map(address => (
<AddressCard key={address.id} address={address} />
))}
</div>
)}
</div>
</div>
</>
);
}

14
app/account/component/order-history.tsx
View File

@ -1,14 +0,0 @@
import EmptyOrders from '@/components/EmptyOrder';
import Orders from '@/components/Orders';
import { Order } from '@/lib/shopify/types';
export default function OrderHistory({ orders }: { orders: Order[] }) {
return (
<div className="mt-6">
<div className="grid w-full gap-4 p-4 py-6 md:gap-8 md:p-8 lg:p-12">
<h2 className="font-bold text-lead">Order History</h2>
{orders?.length ? <Orders orders={orders} /> : <EmptyOrders />}
</div>
</div>
);
}