from int to str

testnavbar.py

@@ -93,11 +93,10 @@ def ProductCard(p):
         # that aren't a goal of the page (like cancelling something that hasn't been submitted)
         # you generally want the default styling.
         Button("Add to cart", cls=(ButtonT.primary, "mt-3 w-full"),
-               # HTMX can be used as normal on any component
-               hx_get=product_detail.to(product_name=p['name']),
-               hx_push_url='true',
-               hx_target='body'),
-        cls="shadow-lg rounded-lg overflow-hidden bg-white hover:shadow-xl transition-shadow"
+           hx_get=product_detail.to(product_name=p['name'], product_price=p['price']),
+           hx_push_url='true',
+           hx_target='body'),
+           cls="shadow-lg rounded-lg overflow-hidden bg-white hover:shadow-xl transition-shadow"
     )
 
 # Define this once, at module level (top of file is best)
@@ -127,35 +126,24 @@ def index():
     )
 
 @rt
-def product_detail(product_name: str):
+def product_detail(product_name: str, product_price: str):
     return (
         Title("Product Detail"),
         Grid(
             Div(
                 H3(product_name, cls="text-xl font-semibold mb-4"),
-                # render_md is a helper that renders markdown into HTML using frankenui styles.
                 render_md(example_product_description.format(product_name=product_name))
             ),
             Div(
                 H3("Order", cls="text-lg font-semibold mb-3"),
-                # Form automatically has a class of 'space-y-3' for a margin between each child.
                 Form(
-                    # Product info (read-only)
                     LabelInput("Product", id="name", value=product_name, readonly=True,
                                cls="bg-gray-100 cursor-not-allowed"),
-                    LabelInput("Price", id="price", value=price, readonly=True,
+                    LabelInput("Price", id="price", value=product_price, readonly=True,
                                cls="bg-gray-100 cursor-not-allowed"),
-                
-                    # Order details
                     LabelInput("Quantity", id="quantity", placeholder="1"),
-                
-                    # Customer info
                     LabelInput("Email", id="email", placeholder="accountemail@example.com"),
-                
-                    # Payment section
                     Div(PaymentMethod, cls="space-y-4 mt-4"),
-                
-                    # Actions
                     Button("Add to order", cls=(ButtonT.primary, "w-full mt-4")),
                     Button("Continue shopping",
                            cls=(ButtonT.secondary, "w-full mt-2"),
@@ -164,8 +152,6 @@ def product_detail(product_name: str):
                            hx_target="body")
                 )
             ),
-            # Grid has defaults and args for cols at different breakpoints, but you can pass in
-            # your own to customize responsiveness.
             cols_lg=2,
             cls="gap-8 p-6"
         )