From ec941cfdc50c3802af3329da0fd6f42653610af9 Mon Sep 17 00:00:00 2001
From: Daveed <daveed@santocabron.com>
Date: Fri, 21 Feb 2025 16:08:02 -0500
Subject: [PATCH] reacting to custom input better

---
 src/components/checkout/CheckoutModal.tsx | 9 ++++++---
 src/config.ts                             | 4 ----
 src/pages/products/[slug].astro           | 3 +--
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/checkout/CheckoutModal.tsx b/src/components/checkout/CheckoutModal.tsx
index c13bce6..b56a333 100644
--- a/src/components/checkout/CheckoutModal.tsx
+++ b/src/components/checkout/CheckoutModal.tsx
@@ -117,7 +117,8 @@ const CheckoutModal: FC<Props> = ({ prices, product }: Props)  => {
                 <h3 className="text-2xl font-medium text-gray-900 dark:text-white">
                   Available Options
                   <br />
-                  <small className="text-sm text-gray-500">Pick an option xor chose your own via tip input</small>
+                  <small className="text-sm text-gray-500">Pick an option to see more details</small>
+                  <br />
                 </h3>
               </div>
 
@@ -152,7 +153,7 @@ const CheckoutModal: FC<Props> = ({ prices, product }: Props)  => {
               </div>
 
               <div className="m-4">
-                <label htmlFor="custom-price"><strong>Custom Price</strong></label>
+                <label htmlFor="custom-price"><strong>Tip || Custom Price</strong></label>
                 <input
                   type="number"
                   id="custom-price"
@@ -180,7 +181,9 @@ const CheckoutModal: FC<Props> = ({ prices, product }: Props)  => {
                 </button>
               </div>
               <div className="m-4">
-                <p className="text-md">{selectedPrice?.Description || ' '}</p>
+                <p className="text-md">
+                  {total > 0 ? selectedPrice?.Description || 'Continue using custom price' : 'Please select a price and quantity to continue'}
+                </p>
               </div>
             </form>
           </div>
diff --git a/src/config.ts b/src/config.ts
index aa9adc8..b2219b7 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -11,10 +11,6 @@ const {
   POSTHOG_ID,
 } = import.meta.env;
 
-console.info('Loading Astro environment variables:',
-  { BASE_URL, PUBLIC_STRIPE_PUBLISHABLE_KEY, STRAPI_URL, STORE_SLUG, COLOR_PRIMARY, COLOR_ACCENT, POSTHOG_ID }
-);
-
 /**
  * @type {{[string]: string}} Global Configuration attributes for the markket instance
  */
diff --git a/src/pages/products/[slug].astro b/src/pages/products/[slug].astro
index 513050d..760d15f 100644
--- a/src/pages/products/[slug].astro
+++ b/src/pages/products/[slug].astro
@@ -54,9 +54,8 @@ const selectedImage =
 ---
 
 <script>
-  import { ProductSlideshow, ProductForm } from "../../scripts/ui.product";
+  import { ProductSlideshow } from "../../scripts/ui.product";
   document.addEventListener("astro:page-load", () => {
-    ProductForm();
     ProductSlideshow();
   });
 </script>