email fixes

backend/src/api/admin/email/_templates/components/cart.tsx → backend/src/api/store/email/_templates/components/cart.tsx

@@ -60,16 +60,14 @@ function CartLine({
     <Section className="mb-3">
       <Row>
         <Column className="mx-0 w-[100px] h-[100px]  ">
-          <Section
-            className="w-fit border-accent rounded-lg"
-            style={{ border: "1px solid" }}
-          >
+          <Section className="w-fit rounded-lg">
             <Img
               src={line.thumbnail}
               width="100"
               height="100px"
+              style={{ border: "1px solid" }}
               alt="Product image"
-              className=""
+              className="rounded-lg border-accent"
             />
           </Section>
         </Column>

backend/src/api/admin/email/_templates/components/footer.tsx → backend/src/api/store/email/_templates/components/footer.tsx

@@ -6,7 +6,7 @@ import {
   Tailwind,
   Text,
 } from "@react-email/components";
-import React from "react";
+import { arial_font } from "./style";
 
 const getYear = () => {
   const date = new Date();
@@ -32,26 +32,28 @@ export default function Footer() {
         <Section className="mx-auto my-10 w-fit text-background ">
           <Row>
             <Column className="pr-10" align="center">
-              <Link href="/" className="text-background">
+              <Link style={arial_font} href="/" className="text-background">
                 INSTAGRAM
               </Link>
             </Column>
 
             <Column className="pr-10" align="center">
-              <Link href="/" className="text-background">
+              <Link style={arial_font} href="/" className="text-background">
                 FACEBOOK
               </Link>
             </Column>
             <Column className="pr-0" align="center">
-              <Link href="/" className="text-background">
+              <Link style={arial_font} href="/" className="text-background">
                 LINKEDIN
               </Link>
             </Column>
           </Row>
         </Section>
 
         <Section className=" text-center">
-          <Text className="mb-5">© {year} MUNCHIES</Text>
+          <Text style={arial_font} className="mb-5">
+            © {year} MUNCHIES
+          </Text>
         </Section>
       </Tailwind>
     </Section>

backend/src/api/admin/email/_templates/components/layout.tsx → backend/src/api/store/email/_templates/components/layout.tsx

@@ -1,10 +1,10 @@
 import {
-  Container,
-  Font,
-  Head,
-  Preview,
-  Section,
-  Tailwind,
+    Container,
+    Font,
+    Head,
+    Preview,
+    Section,
+    Tailwind,
 } from "@react-email/components";
 import React from "react";
 import Footer from "./footer";
@@ -32,7 +32,7 @@ export default function Layout({
           fontWeight={400}
           fontStyle="normal"
         />
-      </Head>{" "}
+      </Head>
       <Preview>{preview}</Preview>
       <Tailwind
         config={{

backend/src/api/admin/email/_templates/components/style.ts → backend/src/api/store/email/_templates/components/style.ts

@@ -6,7 +6,7 @@ export const times_font = {
 };
 
 export const title = {
-  times_font,
+  ...times_font,
   fontSize: "44px",
   fontStyle: "normal",
   fontWeight: "400",
@@ -16,6 +16,7 @@ export const title = {
 };
 
 export const titleSmall = {
+  ...arial_font,
   fontSize: "40px",
   fontStyle: "normal",
   fontWeight: "400",
@@ -24,6 +25,7 @@ export const titleSmall = {
   margin: "0",
 };
 export const body = {
+  ...arial_font,
   fontSize: "16px",
   fontStyle: "normal",
   fontWeight: "400",
@@ -32,6 +34,7 @@ export const body = {
 };
 
 export const bodySmall = {
+  ...arial_font,
   fontSize: "14px",
   fontStyle: "normal",
   fontWeight: "600",
@@ -40,6 +43,7 @@ export const bodySmall = {
 };
 
 export const bodyXSmall = {
+  ...arial_font,
   fontSize: "12px",
   fontStyle: "normal",
   fontWeight: "400",

backend/src/api/admin/email/lib.ts → backend/src/api/store/email/lib.ts

@@ -5,7 +5,7 @@ import { Resend } from "resend";
 export type ReactEmailProps<T> = React.FC<Readonly<T>>;
 
 const companyName = "munchies";
-const email = "[email protected]"; // TODO: add domain and change
+const email = "[email protected]";
 
 const resend = new Resend(process.env.RESEND_API_KEY);
 

backend/src/subscribers/newsletter-sub.ts

@@ -29,7 +29,7 @@ export default async function subscribeNewsletterHandler({
     if (error) throw new Error("Error subscribing email");
 
     const response = await fetch(
-      "https://munchies.medusajs.app/admin/email/welcome/" + event.data.id,
+      "https://munchies.medusajs.app/store/email/welcome/" + event.data.id,
       {
         method: "POST",
         headers: {

backend/src/subscribers/order-created.ts

@@ -6,7 +6,7 @@ export default async function orderCreatedHandler({
 }: SubscriberArgs<{ id: string }>) {
   try {
     const response = await fetch(
-      "https://munchies.medusajs.app/admin/email/order-confirmation/" +
+      "https://munchies.medusajs.app/store/email/order-confirmation/" +
         event.data.id,
       {
         method: "POST",

backend/src/subscribers/order-shipped.ts

@@ -6,7 +6,7 @@ export default async function orderShippedHandler({
 }: SubscriberArgs<{ id: string }>) {
   try {
     const response = await fetch(
-      "https://munchies.medusajs.app/admin/email/shipping-confirmation/" +
+      "https://munchies.medusajs.app/store/email/shipping-confirmation/" +
         event.data.id,
       {
         method: "POST",