reacting to custom input better

calimania · Feb 21, 2025 · ec941cf · ec941cf
1 parent 8093a8c
commit ec941cf
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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>