diff --git a/...[[...slug]]/product-page.tsx b/...[[...slug]]/product-page.tsx
index 1e1e69d71..49d34df0b 100644
--- a/...[[...slug]]/product-page.tsx
+++ b/...[[...slug]]/product-page.tsx
@@ -1,21 +1,19 @@
-import ProductView from "components/product/product-view";
-import { notFound } from "next/navigation";
+import ProductView from 'components/product/product-view';
+import { notFound } from 'next/navigation';
interface ProductPageProps {
- data: object | any
+ data: object | any;
}
// This is a Client Component. It receives data as props and
// has access to state and effects just like Page components
// in the `pages` directory.
-export default function ProductPage({data }: ProductPageProps) {
+export default function ProductPage({ data }: ProductPageProps) {
if (!data) {
return notFound();
}
-
+
const { product } = data;
- return (
-
- )
+ return ;
}
diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index 0546880c4..bdf536ca2 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -59,6 +59,8 @@ export default async function LocaleLayout({ children, params: { locale } }: Loc
{children}
+ {/* @ts-expect-error Server Component */}
+ {/* https://github.com/vercel/next.js/issues/42292 */}
diff --git a/app/api/draft/route.ts b/app/api/draft/route.ts
index fa394649f..16c67d5d4 100644
--- a/app/api/draft/route.ts
+++ b/app/api/draft/route.ts
@@ -83,7 +83,7 @@ draftMode().enable();
return new Response(null, {
status: 307,
headers: {
- Location: `/${product.locale}/${product.slug}`,
+ Location: `/${product.locale}/product/${product.slug}`,
},
})
}
@@ -92,7 +92,7 @@ draftMode().enable();
return new Response(null, {
status: 307,
headers: {
- Location: `/${category.locale}/${category.slug}`,
+ Location: `/${category.locale}/category/${category.slug}`,
},
})
}
diff --git a/components/cart/modal.tsx b/components/cart/modal.tsx
index 19f63352a..4a9f3cdf3 100644
--- a/components/cart/modal.tsx
+++ b/components/cart/modal.tsx
@@ -6,6 +6,7 @@ import Price from 'components/price';
import { DEFAULT_OPTION } from 'lib/constants';
import type { Cart } from 'lib/shopify/types';
import { createUrl } from 'lib/utils';
+import { useTranslations } from 'next-intl';
import Image from 'next/image';
import Link from 'next/link';
import { useEffect, useRef, useState } from 'react';
@@ -20,6 +21,7 @@ type MerchandiseSearchParams = {
export default function CartModal({ cart }: { cart: Cart | undefined }) {
const [isOpen, setIsOpen] = useState(false);
const quantityRef = useRef(cart?.totalQuantity);
+ const t = useTranslations('cart');
useEffect(() => {
// Open cart modal when quantity changes.
@@ -37,17 +39,17 @@ export default function CartModal({ cart }: { cart: Cart | undefined }) {
return (
<>