Update src/app/shop/[id]/page.tsx
This commit is contained in:
@@ -66,7 +66,7 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
|
||||
}, [cartItems, checkout, getCheckoutItems]);
|
||||
|
||||
const themeProviderProps = {"defaultButtonVariant":"icon-arrow","defaultTextAnimation":"background-highlight","borderRadius":"sharp","contentWidth":"smallMedium","sizing":"mediumLarge","background":"floatingGradient","cardStyle":"glass-depth","primaryButtonStyle":"gradient","secondaryButtonStyle":"solid","headingFontWeight":"semibold"};
|
||||
// themeProviderProps object removed, props are now directly on ThemeProvider
|
||||
|
||||
const navbarProps = {"navItems":[{"name":"Home","id":"/"},{"name":"Adopt","id":"/adopt"},{"name":"About Us","id":"/about"},{"name":"Contact","id":"/contact"},{"name":"Blog","id":"/blog"},{"name":"Shop","id":"/shop"}],"brandName":"Paws & Hearts","bottomLeftText":"Connecting Pets & People","bottomRightText":"hello@pawsandhearts.org","logoHref":"/"};
|
||||
|
||||
@@ -74,7 +74,18 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
|
||||
if (isLoading) {
|
||||
return (
|
||||
<ThemeProvider {...themeProviderProps}>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="sharp"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarStyleFullscreen
|
||||
@@ -96,7 +107,18 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
|
||||
if (!product) {
|
||||
return (
|
||||
<ThemeProvider {...themeProviderProps}>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="sharp"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarStyleFullscreen
|
||||
@@ -125,7 +147,18 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
}
|
||||
|
||||
return (
|
||||
<ThemeProvider {...themeProviderProps}>
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="sharp"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLarge"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarStyleFullscreen
|
||||
|
||||
Reference in New Issue
Block a user