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

This commit is contained in:
2026-02-21 16:39:09 +00:00
parent 26f9135ee2
commit 9aec85eb35

View File

@@ -75,10 +75,6 @@ function ProductPageContent({ params }: ProductPageProps) {
await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
}, [cartItems, checkout, getCheckoutItems]);
const themeProviderProps = {
defaultButtonVariant: "bounce-effect", defaultTextAnimation: "background-highlight", borderRadius: "soft", contentWidth: "compact", sizing: "largeSizeMediumTitles", background: "noiseDiagonalGradient", cardStyle: "glass-depth", primaryButtonStyle: "flat", secondaryButtonStyle: "layered", headingFontWeight: "extrabold"
};
const navbarProps = {
navItems: [
{ name: "Home", id: "/" },
@@ -96,7 +92,18 @@ function ProductPageContent({ params }: ProductPageProps) {
if (isLoading) {
return (
<ThemeProvider {...themeProviderProps}>
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="glass-depth"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarStyleApple {...navbarProps} />
@@ -114,7 +121,18 @@ function ProductPageContent({ params }: ProductPageProps) {
if (!product) {
return (
<ThemeProvider {...themeProviderProps}>
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="glass-depth"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarStyleApple {...navbarProps} />
@@ -139,7 +157,18 @@ function ProductPageContent({ params }: ProductPageProps) {
}
return (
<ThemeProvider {...themeProviderProps}>
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="glass-depth"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarStyleApple {...navbarProps} />