Update link paths in FeaturedCollections components to include query …

…parameters
jamalsoueidan · Jul 14, 2024 · 4c61a43 · 4c61a43
1 parent 11e6b7b
commit 4c61a43
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
@@ -200,7 +200,7 @@ function FeaturedCollections() {
                       <UnstyledButton
                         key={nesCol.id}
                         component={Link}
-                        to={`/categories/${nesCol.handle}`}
+                        to={`/categories/${col.handle}?collection=${nesCol.handle}`}
                       >
                         <Title order={2} size="lg">
                           {nesCol.title}

diff --git a/app/routes/categories.tsx b/app/routes/categories.tsx
@@ -9,7 +9,6 @@ import {
   Stack,
   Title,
   UnstyledButton,
-  useMantineTheme,
 } from '@mantine/core';
 import {Link, useLoaderData} from '@remix-run/react';
 import {json, type LoaderFunctionArgs} from '@shopify/remix-oxygen';
@@ -58,7 +57,6 @@ export default function Collections() {
 }
 
 function FeaturedCollections() {
-  const theme = useMantineTheme();
   const {t} = useTranslation(['index']);
   const {rootCollection} = useLoaderData<typeof loader>();
 
@@ -88,7 +86,7 @@ function FeaturedCollections() {
                     <UnstyledButton
                       key={nesCol.id}
                       component={Link}
-                      to={`/categories/${nesCol.handle}`}
+                      to={`/categories/${col.handle}?collection=${nesCol.handle}`}
                     >
                       <Title order={2} size="lg">
                         {nesCol.title}