Update src/app/shop/[id]/page.tsx
This commit is contained in:
@@ -74,6 +74,15 @@ function ProductPageContent({ params }: ProductPageProps) {
|
|||||||
await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
|
await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
|
||||||
}, [cartItems, checkout, getCheckoutItems]);
|
}, [cartItems, checkout, getCheckoutItems]);
|
||||||
|
|
||||||
|
const navItems = [
|
||||||
|
{ name: "Home", id: "/" },
|
||||||
|
{ name: "About", id: "/#about" },
|
||||||
|
{ name: "Shop", id: "/shop" },
|
||||||
|
{ name: "Blog", id: "/blog" },
|
||||||
|
{ name: "Testimonials", id: "/#testimonials" },
|
||||||
|
{ name: "Contact", id: "/#contact" },
|
||||||
|
];
|
||||||
|
|
||||||
if (isLoading) {
|
if (isLoading) {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
@@ -89,10 +98,10 @@ function ProductPageContent({ params }: ProductPageProps) {
|
|||||||
headingFontWeight="light"
|
headingFontWeight="light"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Olla"
|
brandName="Olla"
|
||||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Contact", id: "/contact" }]}
|
navItems={navItems}
|
||||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -108,7 +117,6 @@ function ProductPageContent({ params }: ProductPageProps) {
|
|||||||
]}
|
]}
|
||||||
logoText="Olla"
|
logoText="Olla"
|
||||||
copyrightText="© 2024 Olla Flowers Studio. All rights reserved."
|
copyrightText="© 2024 Olla Flowers Studio. All rights reserved."
|
||||||
useInvertedBackground={false}
|
|
||||||
ariaLabel="Site footer"
|
ariaLabel="Site footer"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -132,10 +140,10 @@ function ProductPageContent({ params }: ProductPageProps) {
|
|||||||
headingFontWeight="light"
|
headingFontWeight="light"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Olla"
|
brandName="Olla"
|
||||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Contact", id: "/contact" }]}
|
navItems={navItems}
|
||||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -159,7 +167,6 @@ function ProductPageContent({ params }: ProductPageProps) {
|
|||||||
]}
|
]}
|
||||||
logoText="Olla"
|
logoText="Olla"
|
||||||
copyrightText="© 2024 Olla Flowers Studio. All rights reserved."
|
copyrightText="© 2024 Olla Flowers Studio. All rights reserved."
|
||||||
useInvertedBackground={false}
|
|
||||||
ariaLabel="Site footer"
|
ariaLabel="Site footer"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -182,10 +189,10 @@ function ProductPageContent({ params }: ProductPageProps) {
|
|||||||
headingFontWeight="light"
|
headingFontWeight="light"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="navbar" data-section="navbar">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
brandName="Olla"
|
brandName="Olla"
|
||||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Contact", id: "/contact" }]}
|
navItems={navItems}
|
||||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -234,7 +241,6 @@ function ProductPageContent({ params }: ProductPageProps) {
|
|||||||
]}
|
]}
|
||||||
logoText="Olla"
|
logoText="Olla"
|
||||||
copyrightText="© 2024 Olla Flowers Studio. All rights reserved."
|
copyrightText="© 2024 Olla Flowers Studio. All rights reserved."
|
||||||
useInvertedBackground={false}
|
|
||||||
ariaLabel="Site footer"
|
ariaLabel="Site footer"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user