Merge pull request #25 from calimania/feat/product-link

fixed the receipt
calimania · Jan 5, 2025 · 133df44 · 133df44
2 parents 5c9dcc6 + 9875270
commit 133df44
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 6 deletions.
diff --git a/src/pages/receipt.astro b/src/pages/receipt.astro
@@ -73,20 +73,26 @@ const store = stores?.find(
             Order Summary
           </h3>
           <p class="mb-2 text-gray-700 dark:text-gray-300">
-            <strong>Total Amount:</strong>
+            <strong>Total Amount:&nbsp;</strong>
             <span data-output="total-amount"></span>
           </p>
           <!-- <p class="mb-2 text-gray-700 dark:text-gray-300">
             Payment Status: <span data-output="payment-status"></span>
           </p> -->
           <p class="mb-2 text-gray-700 dark:text-gray-300">
-            <strong>Customer Email:</strong><span data-output="customer-email">
+            <strong>Customer Email:&nbsp;</strong><span
+              data-output="customer-email"
+            >
             </span>
           </p>
           <p class="mb-2 text-gray-700 dark:text-gray-300">
-            <strong>Shipping Address:</strong>
+            <strong>Shipping Address:&nbsp;</strong>
             <span data-output="shipping-address"></span>
           </p>
+          <p class="mb-2 text-gray-700 dark:text-gray-300">
+            <strong>Stripe Session ID:&nbsp;</strong>
+            <code data-output="session-id"></code>
+          </p>
         </div>
       </section>
 

diff --git a/src/scripts/ui.receipt.ts b/src/scripts/ui.receipt.ts
@@ -20,18 +20,23 @@ export const receiptPage = async (session_id: string) => {
   const addressOutput = document.querySelector('[data-output="shipping-address"]');
   const amountOutput = document.querySelector('[data-output="total-amount"]');
   const emailOutput = document.querySelector('[data-output="customer-email"]');
+  const sessionIdOutput = document.querySelector('[data-output="session-id"]');
 
   if (addressOutput) {
-    const address = response?.data?.link?.shipping_details?.address;
+    const address = response?.data?.link?.response?.shipping_details?.address;
     addressOutput.innerHTML = address ? `${address.line1} ${address.line2} - ${address.city} ${address.state} ${address.postal_code}` : '';
   }
 
   if (amountOutput) {
-    amountOutput.innerHTML = ((response?.data?.link?.amount_total || 0) / 100).toString();
+    amountOutput.innerHTML = ((response?.data?.link?.response?.amount_total || 0) / 100).toString();
   }
 
   if (emailOutput) {
-    emailOutput.innerHTML = response?.data?.link?.customer_details?.email || '';
+    emailOutput.innerHTML = response?.data?.link?.response?.customer_details?.email || '';
+  }
+
+  if (sessionIdOutput) {
+    sessionIdOutput.innerHTML = response?.data?.link?.body?.session_id || '';
   }
 
   console.log({ request });