crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added search pages to sanity and storefront

Browse Source
This commit is contained in:
Henrik Larsson
2023-08-15 10:44:10 +02:00
parent 2e926ae209
commit 8dff87e62f
15 changed files with 220 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/(site)/[locale]/[...slug]/page.tsx
View File

@@ -1,5 +1,7 @@
import CategoryPage from '@/components/pages/category-page';
import ProductPage from '@/components/pages/product-page';
import SearchPage from '@/components/pages/search-page';
import SearchPagePreview from '@/components/pages/search-page-preview';
import SinglePage from '@/components/pages/single-page';
import SinglePagePreview from '@/components/pages/single-page-preview';
import PreviewProvider from '@/components/preview-provider';
@@ -55,6 +57,8 @@ export default async function Page({ params }: PageParams) {
pageData = await getCachedClient()(query, queryParams);
} else if (docType === 'category') {
pageData = await getCachedClient()(query, queryParams);
} else if (docType === 'search') {
pageData = await getCachedClient()(query, queryParams);
} else {
return;
}
@@ -65,6 +69,7 @@ export default async function Page({ params }: PageParams) {
return (
<PreviewProvider token={preview.token}>
{docType === 'page' && <SinglePagePreview initialData={pageData} params={queryParams} />}
{docType === 'search' && <SearchPagePreview initialData={pageData} params={queryParams} />}
</PreviewProvider>
);
}
@@ -74,6 +79,7 @@ export default async function Page({ params }: PageParams) {
{docType === 'page' && <SinglePage data={pageData} />}
{docType === 'product' && <ProductPage data={pageData} />}
{docType === 'category' && <CategoryPage data={pageData} />}
{docType === 'search' && <SearchPage data={pageData} />}
</>
);
}

22
app/(site)/[locale]/sok/page.tsx
View File

@@ -1,22 +0,0 @@
'use client';
import Search from '@/components/search/search';
import SearchResult from '@/components/search/search-result';
import Text from '@/components/ui/text/text';
import { useTranslations } from 'next-intl';
export default function SearchPage() {
const t = useTranslations('search');
return (
<div className="my-8 flex w-full flex-col px-4 lg:my-12 lg:px-8 2xl:px-16">
<Text className="mb-8 lg:mb-12" variant="pageHeading">
{t('search')}
</Text>
<Search>
<SearchResult />
</Search>
</div>
);
}