diff --git a/app/error.tsx b/app/error.tsx index e0a7416a34..80b32a42a1 100644 --- a/app/error.tsx +++ b/app/error.tsx @@ -2,7 +2,7 @@ export default function Error({ reset }: { reset: () => void }) { return ( -
+

Oh no!

There was an issue with our storefront. This could be a temporary issue, please try your diff --git a/app/product/[handle]/page.tsx b/app/product/[handle]/page.tsx index cf31f00215..049f7bcfb0 100644 --- a/app/product/[handle]/page.tsx +++ b/app/product/[handle]/page.tsx @@ -82,14 +82,20 @@ export default async function ProductPage({ params }: { params: { handle: string }} />

-
+
- ({ - src: image.url, - altText: image.altText - }))} - /> + + } + > + ({ + src: image.url, + altText: image.altText + }))} + /> +
diff --git a/app/search/layout.tsx b/app/search/layout.tsx index 24d1480d31..011d41e8b3 100644 --- a/app/search/layout.tsx +++ b/app/search/layout.tsx @@ -7,7 +7,7 @@ import { Suspense } from 'react'; export default function SearchLayout({ children }: { children: React.ReactNode }) { return ( -
+
diff --git a/components/cart/modal.tsx b/components/cart/modal.tsx index aee2f7a47a..a308189404 100644 --- a/components/cart/modal.tsx +++ b/components/cart/modal.tsx @@ -64,7 +64,7 @@ export default function CartModal({ cart }: { cart: Cart | undefined }) { leaveFrom="translate-x-0" leaveTo="translate-x-full" > - +

My Cart

diff --git a/components/layout/footer-menu.tsx b/components/layout/footer-menu.tsx index 4f6387edd7..444406294c 100644 --- a/components/layout/footer-menu.tsx +++ b/components/layout/footer-menu.tsx @@ -19,7 +19,7 @@ const FooterMenuItem = ({ item }: { item: Menu }) => { -
+
- + {SITE_NAME} diff --git a/components/layout/navbar/index.tsx b/components/layout/navbar/index.tsx index 0058d5ec8d..f7d2f6af9a 100644 --- a/components/layout/navbar/index.tsx +++ b/components/layout/navbar/index.tsx @@ -6,7 +6,7 @@ import { Menu } from 'lib/shopify/types'; import Link from 'next/link'; import { Suspense } from 'react'; import MobileMenu from './mobile-menu'; -import Search from './search'; +import Search, { SearchSkeleton } from './search'; const { SITE_NAME } = process.env; export default async function Navbar() { @@ -15,7 +15,9 @@ export default async function Navbar() { return (