test

package.json

@@ -17,7 +17,7 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@coinbase/onchainkit": "^0.34.1",
+    "@coinbase/onchainkit": "^0.33.4",
     "next": "^14.2.5",
     "permissionless": "^0.1.26",
     "react": "^18",

src/components/OnchainStoreCart.tsx

@@ -33,14 +33,12 @@ export default function OnchainStoreCart() {
       description,
       pricing_type: 'fixed_price',
       local_price: {
-        // NOTE: The values are set to zero on the template as we're not actually looking to sell anything here.
-        // To test with real values, replace with totalSum.toString() in real app
-        amount: '0',
+        amount: totalSum.toString(),
         currency: 'USD',
       },
     };
     return createCharge(chargeDetails);
-  }, [createCharge, quantities]);
+  }, [createCharge, quantities, totalSum]);
 
   return (
     <div className="-mx-[50vw] fixed right-1/2 bottom-0 left-1/2 w-screen border-gray-200 border-t bg-[white]">
@@ -58,9 +56,7 @@ export default function OnchainStoreCart() {
                 <PayButton
                   coinbaseBranded={true}
                   text="Pay with Crypto"
-                  className="mt-0"
-                  // NOTE: comment back in to disable $0 amount in real app
-                  // disabled={!totalSum}
+                  disabled={!totalSum}
                 />
               </Pay>
             </div>

src/svg/ExternalLinkSvg.tsx

@@ -12,9 +12,9 @@ export function ExternalLinkSvg() {
       <path
         d="M6 14L14 6M14 6H8M14 6V12"
         stroke="black"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
       />
     </svg>
   );