crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-06-28 17:31:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add checkout page

Browse Source
This commit is contained in:
Victor Gerbrands 2023-05-12 14:13:04 +02:00
parent d9e00ff560
commit b8f154cdf5
3 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/[page]/page.tsx
View File

@ -1,6 +1,7 @@
import type { Metadata } from 'next';
import Prose from 'components/prose';
import { CHECKOUT_PAGE_PROPS } from 'lib/constants';
import { notFound } from 'next/navigation';
export const runtime = 'edge';
@ -12,13 +13,15 @@ export async function generateMetadata({
}: {
params: { page: string };
}): Promise<Metadata> {
const page: any = null;
let page;
params.page === 'checkout' && (page = CHECKOUT_PAGE_PROPS);
if (!page) return notFound();
return {
title: page.seo?.title || page.title,
description: page.seo?.description || page.bodySummary,
title: page.title,
description: '',
openGraph: {
images: [
{
@ -35,7 +38,9 @@ export async function generateMetadata({
}
export default async function Page({ params }: { params: { page: string } }) {
const page: any = null;
let page;
params.page === 'checkout' && (page = CHECKOUT_PAGE_PROPS);
if (!page) return notFound();

9
lib/constants.tsx
View File

@ -22,3 +22,12 @@ export const sorting: SortFilterItem[] = [
export const HIDDEN_PRODUCT_TAG = 'nextjs-frontend-hidden';
export const DEFAULT_OPTION = 'Default Title';
export const CHECKOUT_PAGE_PROPS = {
title: 'Checkout',
body: `Checkout is not implemented yet in this template. Check out
<a href="https://docs.medusajs.com/modules/carts-and-checkout/storefront/implement-checkout-flow">our guide on implementing a checkout flow</a> to learn more`,
description: 'Checkout is not implemented yet in this template',
updatedAt: new Date().toISOString(),
createdAt: new Date().toISOString()
};

2
lib/medusa/index.ts
View File

@ -74,7 +74,7 @@ export default async function medusaRequest(
const reshapeCart = (cart: MedusaCart): Cart => {
const lines = cart?.items?.map((item) => reshapeLineItem(item)) || [];
const totalQuantity = lines.reduce((a, b) => a + b.quantity, 0);
const checkoutUrl = '/';
const checkoutUrl = '/checkout'; // todo: implement medusa checkout flow
const currencyCode = cart.region?.currency_code.toUpperCase() || 'USD';
let subtotalAmount = '0';