crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-19 16:07:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

wip: Saving work

Browse Source
This commit is contained in:
Sol Irvine 2023-08-20 21:05:57 +09:00
parent 6610077dca
commit e8be366eaa
2 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/[locale]/shop-list/layout.tsx
View File

@ -1,15 +1,5 @@
import Footer from 'components/layout/footer';
import { Suspense } from 'react'; import { Suspense } from 'react';
export default function Layout({ children }: { children: React.ReactNode }) { export default function Layout({ children }: { children: React.ReactNode }) {
return ( return <Suspense>{children}</Suspense>;
<Suspense>
<div className="w-full">
<div className="mx-8 max-w-screen-xl py-20 sm:mx-auto">
<Suspense>{children}</Suspense>
</div>
</div>
<Footer />
</Suspense>
);
} }

28
app/[locale]/shop-list/page.tsx
View File

@ -1,10 +1,13 @@
import type { Metadata } from 'next'; import type { Metadata } from 'next';
import LogoNamemark from 'components/icons/namemark'; import Footer from 'components/layout/footer';
import Navbar from 'components/layout/navbar';
import { SupportedLocale } from 'components/layout/navbar/language-control'; import { SupportedLocale } from 'components/layout/navbar/language-control';
import Prose from 'components/prose'; import Prose from 'components/prose';
import { getPage } from 'lib/shopify'; import { getCart, getPage } from 'lib/shopify';
import { cookies } from 'next/headers';
import { notFound } from 'next/navigation'; import { notFound } from 'next/navigation';
import { Suspense } from 'react';
import ShopsTitle from './ShopsTitle'; import ShopsTitle from './ShopsTitle';
export const runtime = 'edge'; export const runtime = 'edge';
@ -32,18 +35,29 @@ export async function generateMetadata({
} }
export default async function Page({ params }: { params: { locale?: SupportedLocale } }) { export default async function Page({ params }: { params: { locale?: SupportedLocale } }) {
const cartId = cookies().get('cartId')?.value;
let cart;
if (cartId) {
cart = await getCart(cartId);
}
const page = await getPage({ handle: 'shop-list', language: params?.locale?.toUpperCase() }); const page = await getPage({ handle: 'shop-list', language: params?.locale?.toUpperCase() });
if (!page) return notFound(); if (!page) return notFound();
return ( return (
<div className="font-multilingual mx-auto min-h-screen max-w-screen-xl px-4 text-white"> <div>
<div className="pb-12"> <Navbar cart={cart} locale={params?.locale} compact />
<LogoNamemark className="w-[260px] fill-current md:w-[320px]" /> <div className="mx-auto max-w-xl px-6 pb-24 pt-12 md:pb-48 md:pt-24">
</div>
<ShopsTitle /> <ShopsTitle />
<h2 className="mb-8 text-3xl font-medium">{page.title}</h2> <h2 className="mb-8 text-3xl font-medium">{page.title}</h2>
<Prose className="mx-auto mb-8 max-w-xl" html={page.body as string} /> <Prose className="" html={page.body as string} />
</div>
<Suspense>
<Footer cart={cart} />
</Suspense>
</div> </div>
); );
} }