From a0fce18fd09313602cd0f71cbac2b5ab11efd14c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20TATOUD?= <noe@bearstudio.fr>
Date: Wed, 22 May 2024 15:07:07 +0200
Subject: [PATCH] Revert "refactor(emails): Create base template for code
 emails"

This reverts commit 94820aba437b4c9f25c002aae48b7131b10ab326.
---
 src/emails/components/BaseEmailCode.tsx       | 53 -------------------
 src/emails/templates/delete-account-code.tsx  | 47 ++++++++++++++--
 src/emails/templates/email-address-change.tsx | 47 ++++++++++++++--
 src/emails/templates/login-code.tsx           | 45 ++++++++++++++--
 src/emails/templates/register-code.tsx        | 47 ++++++++++++++--
 5 files changed, 174 insertions(+), 65 deletions(-)
 delete mode 100644 src/emails/components/BaseEmailCode.tsx

diff --git a/src/emails/components/BaseEmailCode.tsx b/src/emails/components/BaseEmailCode.tsx
deleted file mode 100644
index 162866b25..000000000
--- a/src/emails/components/BaseEmailCode.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Container, Heading, Section, Text } from '@react-email/components';
-
-import { Footer } from '@/emails/components/Footer';
-import { Layout } from '@/emails/components/Layout';
-import { styles } from '@/emails/styles';
-import { VALIDATION_TOKEN_EXPIRATION_IN_MINUTES } from '@/features/auth/utils';
-import i18n from '@/lib/i18n/server';
-
-export type EmailCodeProps = {
-  language: string;
-  name: string;
-  code: string;
-};
-
-type BaseEmailCodeProps = EmailCodeProps & {
-  type:
-    | 'deleteAccountCode'
-    | 'loginCode'
-    | 'registerCode'
-    | 'emailAddressChange';
-};
-
-export const BaseEmailCode = ({
-  language,
-  name,
-  code,
-  type,
-}: BaseEmailCodeProps) => {
-  i18n.changeLanguage(language);
-  return (
-    <Layout preview={i18n.t(`emails:${type}.preview`)}>
-      <Container style={styles.container}>
-        <Heading style={styles.h1}>{i18n.t(`emails:${type}.title`)}</Heading>
-        <Section style={styles.section}>
-          <Text style={styles.text}>
-            {i18n.t(`emails:${type}.hello`, { name: name ?? '' })}
-            <br />
-            {i18n.t(`emails:${type}.intro`)}
-          </Text>
-          <Text style={styles.code}>{code}</Text>
-          <Text style={styles.textMuted}>
-            {i18n.t(`emails:${type}.validityTime`, {
-              expiration: VALIDATION_TOKEN_EXPIRATION_IN_MINUTES,
-            })}
-            <br />
-            {i18n.t(`emails:${type}.ignoreHelper`)}
-          </Text>
-        </Section>
-        <Footer />
-      </Container>
-    </Layout>
-  );
-};
diff --git a/src/emails/templates/delete-account-code.tsx b/src/emails/templates/delete-account-code.tsx
index d366986d3..14a9e32ba 100644
--- a/src/emails/templates/delete-account-code.tsx
+++ b/src/emails/templates/delete-account-code.tsx
@@ -1,7 +1,48 @@
-import { BaseEmailCode, EmailCodeProps } from '../components/BaseEmailCode';
+import { Container, Heading, Section, Text } from '@react-email/components';
 
-export const EmailDeleteAccountCode = (props: EmailCodeProps) => {
-  return <BaseEmailCode type="deleteAccountCode" {...props} />;
+import { Footer } from '@/emails/components/Footer';
+import { Layout } from '@/emails/components/Layout';
+import { styles } from '@/emails/styles';
+import { VALIDATION_TOKEN_EXPIRATION_IN_MINUTES } from '@/features/auth/utils';
+import i18n from '@/lib/i18n/server';
+
+type EmailDeleteAccountCodeProps = {
+  language: string;
+  name: string;
+  code: string;
+};
+
+export const EmailDeleteAccountCode = ({
+  language,
+  name,
+  code,
+}: EmailDeleteAccountCodeProps) => {
+  i18n.changeLanguage(language);
+  return (
+    <Layout preview={i18n.t('emails:deleteAccountCode.preview')}>
+      <Container style={styles.container}>
+        <Heading style={styles.h1}>
+          {i18n.t('emails:deleteAccountCode.title')}
+        </Heading>
+        <Section style={styles.section}>
+          <Text style={styles.text}>
+            {i18n.t('emails:deleteAccountCode.hello', { name: name ?? '' })}
+            <br />
+            {i18n.t('emails:deleteAccountCode.intro')}
+          </Text>
+          <Text style={styles.code}>{code}</Text>
+          <Text style={styles.textMuted}>
+            {i18n.t('emails:deleteAccountCode.validityTime', {
+              expiration: VALIDATION_TOKEN_EXPIRATION_IN_MINUTES,
+            })}
+            <br />
+            {i18n.t('emails:deleteAccountCode.ignoreHelper')}
+          </Text>
+        </Section>
+        <Footer />
+      </Container>
+    </Layout>
+  );
 };
 
 export default EmailDeleteAccountCode;
diff --git a/src/emails/templates/email-address-change.tsx b/src/emails/templates/email-address-change.tsx
index 39477500f..bcff95dfd 100644
--- a/src/emails/templates/email-address-change.tsx
+++ b/src/emails/templates/email-address-change.tsx
@@ -1,7 +1,48 @@
-import { BaseEmailCode, EmailCodeProps } from '../components/BaseEmailCode';
+import { Container, Heading, Section, Text } from '@react-email/components';
 
-export const EmailAddressChange = (props: EmailCodeProps) => {
-  return <BaseEmailCode type="emailAddressChange" {...props} />;
+import { Footer } from '@/emails/components/Footer';
+import { Layout } from '@/emails/components/Layout';
+import { styles } from '@/emails/styles';
+import { VALIDATION_TOKEN_EXPIRATION_IN_MINUTES } from '@/features/auth/utils';
+import i18n from '@/lib/i18n/server';
+
+type EmailAddressChangeProps = {
+  language: string;
+  name: string;
+  code: string;
+};
+
+export const EmailAddressChange = ({
+  language,
+  name,
+  code,
+}: EmailAddressChangeProps) => {
+  i18n.changeLanguage(language);
+  return (
+    <Layout preview={i18n.t('emails:emailAddressChange.preview')}>
+      <Container style={styles.container}>
+        <Heading style={styles.h1}>
+          {i18n.t('emails:emailAddressChange.title')}
+        </Heading>
+        <Section style={styles.section}>
+          <Text style={styles.text}>
+            {i18n.t('emails:emailAddressChange.hello', { name: name ?? '' })}
+            <br />
+            {i18n.t('emails:emailAddressChange.intro')}
+          </Text>
+          <Text style={styles.code}>{code}</Text>
+          <Text style={styles.textMuted}>
+            {i18n.t('emails:emailAddressChange.validityTime', {
+              expiration: VALIDATION_TOKEN_EXPIRATION_IN_MINUTES,
+            })}
+            <br />
+            {i18n.t('emails:emailAddressChange.ignoreHelper')}
+          </Text>
+        </Section>
+        <Footer />
+      </Container>
+    </Layout>
+  );
 };
 
 export default EmailAddressChange;
diff --git a/src/emails/templates/login-code.tsx b/src/emails/templates/login-code.tsx
index dd0de2e7a..cd4ff733f 100644
--- a/src/emails/templates/login-code.tsx
+++ b/src/emails/templates/login-code.tsx
@@ -1,7 +1,46 @@
-import { BaseEmailCode, EmailCodeProps } from '../components/BaseEmailCode';
+import { Container, Heading, Section, Text } from '@react-email/components';
 
-export const EmailLoginCode = (props: EmailCodeProps) => {
-  return <BaseEmailCode type="loginCode" {...props} />;
+import { Footer } from '@/emails/components/Footer';
+import { Layout } from '@/emails/components/Layout';
+import { styles } from '@/emails/styles';
+import { VALIDATION_TOKEN_EXPIRATION_IN_MINUTES } from '@/features/auth/utils';
+import i18n from '@/lib/i18n/server';
+
+type EmailLoginCodeProps = {
+  language: string;
+  name: string;
+  code: string;
+};
+
+export const EmailLoginCode = ({
+  language,
+  name,
+  code,
+}: EmailLoginCodeProps) => {
+  i18n.changeLanguage(language);
+  return (
+    <Layout preview={i18n.t('emails:loginCode.preview')}>
+      <Container style={styles.container}>
+        <Heading style={styles.h1}>{i18n.t('emails:loginCode.title')}</Heading>
+        <Section style={styles.section}>
+          <Text style={styles.text}>
+            {i18n.t('emails:loginCode.hello', { name: name ?? '' })}
+            <br />
+            {i18n.t('emails:loginCode.intro')}
+          </Text>
+          <Text style={styles.code}>{code}</Text>
+          <Text style={styles.textMuted}>
+            {i18n.t('emails:loginCode.validityTime', {
+              expiration: VALIDATION_TOKEN_EXPIRATION_IN_MINUTES,
+            })}
+            <br />
+            {i18n.t('emails:loginCode.ignoreHelper')}
+          </Text>
+        </Section>
+        <Footer />
+      </Container>
+    </Layout>
+  );
 };
 
 export default EmailLoginCode;
diff --git a/src/emails/templates/register-code.tsx b/src/emails/templates/register-code.tsx
index debdc42d6..018cc4c27 100644
--- a/src/emails/templates/register-code.tsx
+++ b/src/emails/templates/register-code.tsx
@@ -1,7 +1,48 @@
-import { BaseEmailCode, EmailCodeProps } from '../components/BaseEmailCode';
+import { Container, Heading, Section, Text } from '@react-email/components';
 
-const EmailRegisterCode = (props: EmailCodeProps) => {
-  return <BaseEmailCode type="registerCode" {...props} />;
+import { Footer } from '@/emails/components/Footer';
+import { Layout } from '@/emails/components/Layout';
+import { styles } from '@/emails/styles';
+import { VALIDATION_TOKEN_EXPIRATION_IN_MINUTES } from '@/features/auth/utils';
+import i18n from '@/lib/i18n/server';
+
+type EmailRegisterCodeProps = {
+  language: string;
+  name?: string;
+  code: string;
+};
+
+export const EmailRegisterCode = ({
+  language,
+  name,
+  code,
+}: EmailRegisterCodeProps) => {
+  i18n.changeLanguage(language);
+  return (
+    <Layout preview={i18n.t('emails:registerCode.preview')}>
+      <Container style={styles.container}>
+        <Heading style={styles.h1}>
+          {i18n.t('emails:registerCode.title')}
+        </Heading>
+        <Section style={styles.section}>
+          <Text style={styles.text}>
+            {i18n.t('emails:registerCode.hello', { name: name ?? '' })}
+            <br />
+            {i18n.t('emails:registerCode.intro')}
+          </Text>
+          <Text style={styles.code}>{code}</Text>
+          <Text style={styles.textMuted}>
+            {i18n.t('emails:registerCode.validityTime', {
+              expiration: VALIDATION_TOKEN_EXPIRATION_IN_MINUTES,
+            })}
+            <br />
+            {i18n.t('emails:registerCode.ignoreHelper')}
+          </Text>
+        </Section>
+        <Footer />
+      </Container>
+    </Layout>
+  );
 };
 
 export default EmailRegisterCode;