From 1d2d49da9a8383672f141c30f94be2dd92ec41e5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 22 Feb 2026 21:52:07 +0000
Subject: [PATCH] Update src/app/shop/[id]/page.tsx

---
 src/app/shop/[id]/page.tsx | 60 +++++++++++++++++++++++++-------------
 1 file changed, 39 insertions(+), 21 deletions(-)

diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 9d45169..1f981bc 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -73,22 +73,8 @@ function ProductPageContent({ params }: ProductPageProps) {
         await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
     }, [cartItems, checkout, getCheckoutItems]);
 
-    const themeProviderProps = {
-        defaultButtonVariant: "shift-hover",
-        defaultTextAnimation: "entrance-slide",
-        borderRadius: "rounded",
-        contentWidth: "small",
-        sizing: "largeSmallSizeLargeTitles",
-        background: "floatingGradient",
-        cardStyle: "glass-elevated",
-        primaryButtonStyle: "shadow",
-        secondaryButtonStyle: "glass",
-        headingFontWeight: "bold"
-    };
-
     const navbarProps = {
-        brandName: "Baba's Bakery",
-        navItems: [
+        brandName: "Baba's Bakery",        navItems: [
             { name: "Home", id: "/" },
             { name: "Shop", id: "/shop" }
         ],
@@ -98,7 +84,18 @@ function ProductPageContent({ params }: ProductPageProps) {
 
     if (isLoading) {
         return (
-            <ThemeProvider {...themeProviderProps}>
+            <ThemeProvider
+                defaultButtonVariant="shift-hover"
+                defaultTextAnimation="entrance-slide"
+                borderRadius="rounded"
+                contentWidth="small"
+                sizing="largeSmallSizeLargeTitles"
+                background="floatingGradient"
+                cardStyle="glass-elevated"
+                primaryButtonStyle="shadow"
+                secondaryButtonStyle="glass"
+                headingFontWeight="bold"
+            >
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarLayoutFloatingOverlay {...navbarProps} />
@@ -113,7 +110,18 @@ function ProductPageContent({ params }: ProductPageProps) {
 
     if (!product) {
         return (
-            <ThemeProvider {...themeProviderProps}>
+            <ThemeProvider
+                defaultButtonVariant="shift-hover"
+                defaultTextAnimation="entrance-slide"
+                borderRadius="rounded"
+                contentWidth="small"
+                sizing="largeSmallSizeLargeTitles"
+                background="floatingGradient"
+                cardStyle="glass-elevated"
+                primaryButtonStyle="shadow"
+                secondaryButtonStyle="glass"
+                headingFontWeight="bold"
+            >
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarLayoutFloatingOverlay {...navbarProps} />
@@ -135,7 +143,18 @@ function ProductPageContent({ params }: ProductPageProps) {
     }
 
     return (
-        <ThemeProvider {...themeProviderProps}>
+        <ThemeProvider
+            defaultButtonVariant="shift-hover"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="small"
+            sizing="largeSmallSizeLargeTitles"
+            background="floatingGradient"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="glass"
+            headingFontWeight="bold"
+        >
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                     <NavbarLayoutFloatingOverlay {...navbarProps} />
@@ -171,8 +190,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                         total={`$${cartTotal}`}
                         buttons={[
                             {
-                                text: isCheckoutLoading ? "Processing..." : "Check Out",
-                                onClick: handleCheckout,
+                                text: isCheckoutLoading ? "Processing..." : "Check Out",                                onClick: handleCheckout,
                             },
                         ]}
                     />
@@ -180,4 +198,4 @@ function ProductPageContent({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}