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

fix make urls

Browse Source 
Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
This commit is contained in:
Chloe 2024-07-07 09:58:59 +07:00
parent 16673d9c53
commit fab2a5e967
No known key found for this signature in database
GPG Key ID: CFD53CE570D42DF5
4 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/page.tsx
View File

@ -20,10 +20,13 @@ export async function generateMetadata(): Promise<Metadata> {
}; };
} }
const manufactureVariant: Record<string, 'home' | 'engines' | 'transmissions'> = { const manufactureVariant: Record<
string,
'home' | 'engines' | 'transmissions' | 'remanufactured-engines'
> = {
'reman-transmission': 'transmissions', 'reman-transmission': 'transmissions',
'car-part-planet': 'home', 'car-part-planet': 'home',
'reman-engine': 'engines', 'reman-engine': 'remanufactured-engines',
'transmission-locator': 'transmissions', 'transmission-locator': 'transmissions',
'engine-locator': 'engines' 'engine-locator': 'engines'
}; };

18
app/search/[collection]/page.tsx
View File

@ -79,11 +79,25 @@ async function CategoryPage({
); );
} }
const manufactureVariantMap: Record<
string,
'engines' | 'transmissions' | 'remanufactured-engines' | 'transfer-cases'
> = {
transmissions: 'transmissions',
engines: 'engines',
'remanufactured-engines': 'remanufactured-engines',
'transfer-cases': 'transfer-cases'
};
export default async function CategorySearchPage(props: { export default async function CategorySearchPage(props: {
params: { collection: string }; params: { collection: string };
searchParams?: { [key: string]: string | string[] | undefined }; searchParams?: { [key: string]: string | string[] | undefined };
}) { }) {
const collectionHandle = props.params.collection; const collectionHandle = props.params.collection;
const manufacturerVariant =
Object.keys(manufactureVariantMap).find((key) => collectionHandle.startsWith(key)) || 'engines';
return ( return (
<> <>
<div className="mx-auto mt-6 max-w-screen-2xl px-8 pb-10"> <div className="mx-auto mt-6 max-w-screen-2xl px-8 pb-10">
@ -142,9 +156,7 @@ export default async function CategorySearchPage(props: {
)} )}
<Suspense> <Suspense>
<Manufacturers <Manufacturers variant={manufactureVariantMap[manufacturerVariant]} />
variant={(collectionHandle as string).includes('engines') ? 'engines' : 'transmissions'}
/>
</Suspense> </Suspense>
</> </>
); );

6
components/home-page/manufacturers.tsx
View File

@ -5,13 +5,15 @@ import { getMetaobjects } from 'lib/shopify';
const Manufacturers = async ({ const Manufacturers = async ({
variant = 'home' variant = 'home'
}: { }: {
variant?: 'engines' | 'transmissions' | 'home'; variant?: 'engines' | 'transmissions' | 'home' | 'remanufactured-engines' | 'transfer-cases';
}) => { }) => {
const manufacturers = await getMetaobjects('make'); const manufacturers = await getMetaobjects('make');
const title: Record<typeof variant, string> = { const title: Record<typeof variant, string> = {
engines: 'Engines', engines: 'Engines',
home: 'Parts', home: 'Parts',
transmissions: 'Transmissions' transmissions: 'Transmissions',
'remanufactured-engines': 'Remanufactured Engines',
'transfer-cases': 'Transfer Cases'
}; };
return ( return (

8
components/manufacturers-grid/index.tsx
View File

@ -1,12 +1,12 @@
import { GlobeAltIcon, StarIcon } from '@heroicons/react/24/outline'; import { GlobeAltIcon, StarIcon } from '@heroicons/react/24/outline';
import { MAKE_FILTER_ID } from 'lib/constants';
import { Metaobject } from 'lib/shopify/types'; import { Metaobject } from 'lib/shopify/types';
import kebabCase from 'lodash.kebabcase';
import ButtonGroup from './button-group'; import ButtonGroup from './button-group';
import ManufacturerItem from './item'; import ManufacturerItem from './item';
type ManufacturersGridProps = { type ManufacturersGridProps = {
manufacturers: Metaobject[]; manufacturers: Metaobject[];
variant?: 'engines' | 'transmissions' | 'home'; variant?: 'engines' | 'transmissions' | 'home' | 'remanufactured-engines' | 'transfer-cases';
}; };
const ManufacturersGrid = ({ manufacturers, variant = 'home' }: ManufacturersGridProps) => { const ManufacturersGrid = ({ manufacturers, variant = 'home' }: ManufacturersGridProps) => {
@ -31,7 +31,7 @@ const ManufacturersGrid = ({ manufacturers, variant = 'home' }: ManufacturersGri
<ManufacturerItem <ManufacturerItem
manufacturer={manufacturer} manufacturer={manufacturer}
className="rounded border border-primary px-2 py-1" className="rounded border border-primary px-2 py-1"
href={`/${variant}?${MAKE_FILTER_ID}=${manufacturer.id}`} href={`/${variant}/${kebabCase(manufacturer.name)}`}
/> />
)} )}
{variant === 'home' && <ButtonGroup manufacturer={manufacturer} />} {variant === 'home' && <ButtonGroup manufacturer={manufacturer} />}
@ -57,7 +57,7 @@ const ManufacturersGrid = ({ manufacturers, variant = 'home' }: ManufacturersGri
<ManufacturerItem <ManufacturerItem
manufacturer={manufacturer} manufacturer={manufacturer}
className="rounded border border-primary px-2 py-1" className="rounded border border-primary px-2 py-1"
href={`/${variant}?${MAKE_FILTER_ID}=${manufacturer.id}`} href={`/${variant}/${kebabCase(manufacturer.name)}`}
/> />
)} )}
{variant === 'home' && <ButtonGroup manufacturer={manufacturer} />} {variant === 'home' && <ButtonGroup manufacturer={manufacturer} />}