Update src/app/shop/[id]/page.tsx

This commit is contained in:
2026-02-12 13:45:00 +00:00
parent ef073423d1
commit b99fc7b16e

View File

@@ -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