feat: improve shipping and costs display

AndreaDiotallevi · Aug 23, 2024 · aafb1ea · aafb1ea
1 parent c935a3f
commit aafb1ea
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 10 deletions.
diff --git a/gatsby/src/pages/shop/checkout/success.tsx b/gatsby/src/pages/shop/checkout/success.tsx
@@ -44,9 +44,9 @@ const Success = ({
         fetchSession()
     }, [sessionId])
 
-    type Currency = "eur" | "gbp" | "usd"
+    type Currency = "eur" | "gbp" | "usd" | "chf" | "nok" | "dkk" | "sek"
 
-    const currencyToSymbol: Record<string, string> = {
+    const currencyToSymbol: Record<Currency, string> = {
         eur: "€",
         gbp: "£",
         usd: "$",
@@ -131,7 +131,7 @@ const Success = ({
                                     2,
                                 )}
                                 <br></br>
-                                Shipping fee: Free<br></br>
+                                Shipping: Free<br></br>
                                 Discounts: {currencySymbol}
                                 {(
                                     (session.total_details?.amount_discount ||

diff --git a/serverless/src/handlers/sendOrderConfirmationEmail.ts b/serverless/src/handlers/sendOrderConfirmationEmail.ts
@@ -54,6 +54,28 @@ export const handler = async (event: SQSEvent): Promise<void> => {
 
             const charge = invoice.charge as Stripe.Charge | null
 
+            type Currency =
+                | "eur"
+                | "gbp"
+                | "usd"
+                | "chf"
+                | "nok"
+                | "dkk"
+                | "sek"
+
+            const currencyToSymbol: Record<Currency, string> = {
+                eur: "€",
+                gbp: "£",
+                usd: "$",
+                chf: "₣", // Switzerland
+                nok: "kr", // Norway
+                dkk: "kr", // Denmark
+                sek: "kr", // Sweden
+            }
+
+            const currencySymbol =
+                currencyToSymbol[(session?.currency as Currency) || "gbp"]
+
             await sendEmail({
                 Source: emailSource,
                 Destination: {
@@ -73,16 +95,17 @@ export const handler = async (event: SQSEvent): Promise<void> => {
                     productImageSource: product.images[0] || "",
                     itemQuantity: session.line_items?.data[0].quantity || "",
                     amountSubtotal:
-                        `£${((session.amount_subtotal || 0) / 100).toFixed(
-                            2
-                        )}` || "",
+                        `${currencySymbol}${(
+                            (session.amount_subtotal || 0) / 100
+                        ).toFixed(2)}` || "",
                     amountDiscount:
-                        `£${(
+                        `${currencySymbol}${(
                             (session.total_details?.amount_discount || 0) / 100
                         ).toFixed(2)}` || "",
                     amountTotal:
-                        `£${((session.amount_total || 0) / 100).toFixed(2)}` ||
-                        "",
+                        `${currencySymbol}${(
+                            (session.amount_total || 0) / 100
+                        ).toFixed(2)}` || "",
                     receiptPdf: charge?.receipt_url?.replace("?", "/pdf?"),
                 }),
             })

diff --git a/serverless/template.yaml b/serverless/template.yaml
@@ -360,7 +360,7 @@ Resources:
                             <h3>Payment summary</h3>
                             <div>
                                 Subtotal: {{amountSubtotal}}<br>
-                                Shipping fee: Free<br>
+                                Shipping: Free<br>
                                 Discounts: {{amountDiscount}}<br>
                                 Total: {{amountTotal}}
                             </div>