From 9783f7bf63ffeebd8fdf9efcb31d4da857bad5b0 Mon Sep 17 00:00:00 2001
From: Amine <mohamedaminediboune@gmail.com>
Date: Wed, 23 Oct 2024 15:16:56 +0100
Subject: [PATCH] fixes

---
 .../src/api/store/email/_templates/order-confirmation.tsx | 7 ++++---
 .../api/store/email/_templates/shipping-confirmation.tsx  | 7 ++++---
 backend/src/api/store/email/_templates/welcome.tsx        | 8 ++++++--
 storefront/actions/newsletter/index.ts                    | 2 ++
 4 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/backend/src/api/store/email/_templates/order-confirmation.tsx b/backend/src/api/store/email/_templates/order-confirmation.tsx
index 5db45ce..bad0fe0 100644
--- a/backend/src/api/store/email/_templates/order-confirmation.tsx
+++ b/backend/src/api/store/email/_templates/order-confirmation.tsx
@@ -1,5 +1,5 @@
 import { BigNumberValue, OrderDTO } from "@medusajs/framework/types";
-import { Heading, Section } from "@react-email/components";
+import { Heading, Img, Section } from "@react-email/components";
 import Cart from "./components/cart";
 import EmailBody from "./components/email-body";
 import Layout from "./components/layout";
@@ -18,8 +18,9 @@ export default function OrderConfirmation({ order }: { order: OrderDTO }) {
 
   return (
     <Layout preview="Order confirmation">
-      <Section className="w-full px-5 mt-32 mb-10" align="left">
-        <Heading className="pb-3" style={title}>
+      <Section className="w-full px-5 mb-12" align="left">
+        <Img src="https://cdn.sanity.io/images/1wtf7iqx/production/e04b80a29759293982d74afcde82a169505a3aaa-1166x112.png" />
+        <Heading className="mb-3 mt-20" style={title}>
           Thank you for your order!
         </Heading>
         <EmailBody
diff --git a/backend/src/api/store/email/_templates/shipping-confirmation.tsx b/backend/src/api/store/email/_templates/shipping-confirmation.tsx
index 5b494d4..c102f26 100644
--- a/backend/src/api/store/email/_templates/shipping-confirmation.tsx
+++ b/backend/src/api/store/email/_templates/shipping-confirmation.tsx
@@ -1,4 +1,4 @@
-import { Heading, Section } from "@react-email/components";
+import { Heading, Img, Section } from "@react-email/components";
 import EmailBody from "./components/email-body";
 import Layout from "./components/layout";
 import { title } from "./components/style";
@@ -6,8 +6,9 @@ import { title } from "./components/style";
 export default function ShippingConfirmation() {
   return (
     <Layout preview="Shipping confirmation">
-      <Section className="w-full max-w-[565px] px-5 my-20" align="left">
-        <Heading className="pb-3" style={title}>
+      <Section className="w-full max-w-[565px] mb-16 px-5" align="left">
+        <Img src="https://cdn.sanity.io/images/1wtf7iqx/production/e04b80a29759293982d74afcde82a169505a3aaa-1166x112.png" />
+        <Heading className="mb-3 mt-16" style={title}>
           Your order is on its way!
         </Heading>
         <EmailBody
diff --git a/backend/src/api/store/email/_templates/welcome.tsx b/backend/src/api/store/email/_templates/welcome.tsx
index fcaf091..071233a 100644
--- a/backend/src/api/store/email/_templates/welcome.tsx
+++ b/backend/src/api/store/email/_templates/welcome.tsx
@@ -1,5 +1,5 @@
 import { ProductDTO } from "@medusajs/framework/types";
-import { Heading, Section } from "@react-email/components";
+import { Heading, Img, Section } from "@react-email/components";
 import EmailBody from "./components/email-body";
 import Layout from "./components/layout";
 import ProductsList from "./components/products-list";
@@ -8,7 +8,11 @@ import { title } from "./components/style";
 export default function Welcome({ products }: { products: ProductDTO[] }) {
   return (
     <Layout preview="Welcome to Munchies!">
-      <Section className="w-full max-w-[565px] px-5 my-20" align="left">
+      <Section className="w-full px-5 my-20" align="left">
+        <Img
+          src="https://cdn.sanity.io/images/1wtf7iqx/production/0ebbdf446bb2d4e4287c722fb82fe385d13d6dea-2400x1260.png"
+          className="rounded-lg mb-8"
+        />
         <Heading className="pb-3" style={title}>
           Get ready for some sweet! 🍪
         </Heading>
diff --git a/storefront/actions/newsletter/index.ts b/storefront/actions/newsletter/index.ts
index 7b71fb4..ebea9ed 100644
--- a/storefront/actions/newsletter/index.ts
+++ b/storefront/actions/newsletter/index.ts
@@ -25,6 +25,8 @@ export async function newsletterForm(
         }),
         headers: {
           "Content-Type": "application/json",
+          "X-Publishable-Api-Key":
+            process.env.NEXT_PUBLIC_MEDUSA_PUBLISHABLE_KEY!,
         },
         method: "post",
       },