From 483edf0a1b9cac4298b2879261a08652302634c8 Mon Sep 17 00:00:00 2001
From: Samantha Kellow <sammii.h@icloud.com>
Date: Sun, 20 Aug 2023 20:25:59 +0100
Subject: [PATCH] Move /product to /products for IG compat

---
 app/{product => products}/[handle]/page.tsx     | 2 +-
 app/{product => products}/[handle]/sku/page.tsx | 0
 app/sitemap.ts                                  | 2 +-
 components/carousel.tsx                         | 2 +-
 components/cart/modal.tsx                       | 2 +-
 components/grid/three-items.tsx                 | 2 +-
 components/layout/product-grid-items.tsx        | 2 +-
 7 files changed, 6 insertions(+), 6 deletions(-)
 rename app/{product => products}/[handle]/page.tsx (98%)
 rename app/{product => products}/[handle]/sku/page.tsx (100%)

diff --git a/app/product/[handle]/page.tsx b/app/products/[handle]/page.tsx
similarity index 98%
rename from app/product/[handle]/page.tsx
rename to app/products/[handle]/page.tsx
index a5351a8fb..3ae1bbf2c 100644
--- a/app/product/[handle]/page.tsx
+++ b/app/products/[handle]/page.tsx
@@ -123,7 +123,7 @@ async function RelatedProducts({ id }: { id: string }) {
             <Link
               key={i}
               className="w-full flex-none min-[475px]:w-1/2 sm:w-1/3 md:w-1/4 lg:w-1/5"
-              href={`/product/${product.handle}`}
+              href={`/products/${product.handle}`}
             >
               <GridTileImage
                 alt={product.title}
diff --git a/app/product/[handle]/sku/page.tsx b/app/products/[handle]/sku/page.tsx
similarity index 100%
rename from app/product/[handle]/sku/page.tsx
rename to app/products/[handle]/sku/page.tsx
diff --git a/app/sitemap.ts b/app/sitemap.ts
index d8cdfd2ea..c71d02efa 100644
--- a/app/sitemap.ts
+++ b/app/sitemap.ts
@@ -20,7 +20,7 @@ export default async function sitemap(): Promise<Promise<Promise<MetadataRoute.S
 
   const productsPromise = getProducts({}).then((products) =>
     products.map((product) => ({
-      url: `${baseUrl}/product/${product.handle}`,
+      url: `${baseUrl}/products/${product.handle}`,
       lastModified: product.updatedAt
     }))
   );
diff --git a/components/carousel.tsx b/components/carousel.tsx
index d67ba5deb..24a24cfc1 100644
--- a/components/carousel.tsx
+++ b/components/carousel.tsx
@@ -14,7 +14,7 @@ export async function Carousel() {
         {[...products, ...products].map((product, i) => (
           <Link
             key={`${product.handle}${i}`}
-            href={`/product/${product.handle}`}
+            href={`/products/${product.handle}`}
             className="h-[30vh] w-2/3 flex-none md:w-1/3"
           >
             <GridTileImage
diff --git a/components/cart/modal.tsx b/components/cart/modal.tsx
index 7c0c67b19..a57841970 100644
--- a/components/cart/modal.tsx
+++ b/components/cart/modal.tsx
@@ -91,7 +91,7 @@ export default function CartModal({ cart }: { cart: Cart | undefined }) {
                       });
 
                       const merchandiseUrl = createUrl(
-                        `/product/${item.merchandise.product.handle}`,
+                        `/products/${item.merchandise.product.handle}`,
                         new URLSearchParams(merchandiseSearchParams)
                       );
 
diff --git a/components/grid/three-items.tsx b/components/grid/three-items.tsx
index 3e9252e56..a03520348 100644
--- a/components/grid/three-items.tsx
+++ b/components/grid/three-items.tsx
@@ -8,7 +8,7 @@ function ThreeItemGridItem({ item, size }: { item: Product; size: 'full' | 'half
     <div
       className={size === 'full' ? 'lg:col-span-4 lg:row-span-2' : 'lg:col-span-2 lg:row-span-1'}
     >
-      <Link className="block h-full" href={`/product/${item.handle}`}>
+      <Link className="block h-full" href={`/products/${item.handle}`}>
         <GridTileImage
           src={item.featuredImage.url}
           width={size === 'full' ? 1080 : 540}
diff --git a/components/layout/product-grid-items.tsx b/components/layout/product-grid-items.tsx
index d9060adbb..b9beecfc4 100644
--- a/components/layout/product-grid-items.tsx
+++ b/components/layout/product-grid-items.tsx
@@ -8,7 +8,7 @@ export default function ProductGridItems({ products }: { products: Product[] })
     <>
       {products.map((product) => (
         <Grid.Item key={product.handle} className="animate-fadeIn">
-          <Link className="inline-block h-full w-full" href={`/product/${product.handle}`}>
+          <Link className="inline-block h-full w-full" href={`/products/${product.handle}`}>
             <GridTileImage
               alt={product.title}
               label={{