Use different templates for sign ups and sign ins

site/gatsby-site/nextauth.config.ts

@@ -39,7 +39,29 @@ export const getAuthConfig = async (req: any): Promise<NextAuthOptions> => {
         name: "Email",
         type: "email",
         maxAge: 60 * 60 * 24, // Email link will expire in 24 hours
-        sendVerificationRequest,
+        async sendVerificationRequest({ identifier: email, url }: { identifier: string, url: string }) {
+
+          const user = await client.db('auth').collection('users').findOne({ email });
+
+          if (user) {
+
+            await sendEmail({
+              recipients: [{ email }],
+              subject: 'Login link',
+              templateId: 'Login',
+              dynamicData: { magicLink: url },
+            })
+          }
+          else {
+
+            await sendEmail({
+              recipients: [{ email }],
+              subject: 'Signup link',
+              templateId: 'Signup',
+              dynamicData: { magicLink: url },
+            })
+          }
+        }
       }
     ],
     theme: {

site/gatsby-site/server/emails/templates/Login.ts

@@ -0,0 +1,32 @@
+import {
+  insertContent,
+} from './shared'
+
+const getEmailTemplate = () => {
+
+  return insertContent(
+    ` 
+      <div>
+        <p>
+          Click the link below to sign in to the AI Incident Database:
+        </p>
+
+        <p style="font-size: 85%;">
+          {{magicLink}}
+        </p>
+
+        <p>
+          This link will expire in 24 hours. If you did not request this email, please ignore it.
+        </p>
+      </div>
+
+      <p style="margin-bottom: 32px">
+        Sincerely,<br>
+        Responsible AI Collaborative
+      </p>
+    `,
+    { title: 'Signup' }
+  );
+};
+
+export default getEmailTemplate();

site/gatsby-site/server/emails/templates/Signup.ts

@@ -0,0 +1,32 @@
+import {
+  insertContent,
+} from './shared'
+
+const getEmailTemplate = () => {
+
+  return insertContent(
+    `
+      <div>
+        <p>
+          Click the link below to verify your email address for the AI Incident Database:
+        </p>
+
+        <p style="font-size: 85%;">
+          {{magicLink}}
+        </p>
+
+        <p>
+          This link will expire in 24 hours. If you did not request this email, please ignore it.
+        </p>
+      </div>
+
+      <p style="margin-bottom: 32px">
+        Sincerely,<br>
+        Responsible AI Collaborative
+      </p>
+    `,
+    { title: 'Signup' }
+  );
+};
+
+export default getEmailTemplate();

site/gatsby-site/server/emails/templates/index.ts

@@ -1,19 +1,21 @@
 import EntityIncidentUpdated from './EntityIncidentUpdated';
 import IncidentUpdate from './IncidentUpdate';
-import MagicLink from './MagicLink';
+import Login from './Login';
+import Signup from './Signup';
 import NewEntityIncident from './NewEntityIncident';
 import NewIncident from './NewIncident';
 import NewReportAddedToAnIncident from './NewReportAddedToAnIncident';
 import SubmissionApproved from './SubmissionApproved';
 
 const templates: Record<string, string> = {
-    EntityIncidentUpdated: EntityIncidentUpdated,
-    IncidentUpdate: IncidentUpdate,
-    NewEntityIncident: NewEntityIncident,
-    NewIncident: NewIncident,
-    NewReportAddedToAnIncident: NewReportAddedToAnIncident,
-    SubmissionApproved: SubmissionApproved,
-    MagicLink: MagicLink,
+    EntityIncidentUpdated,
+    IncidentUpdate,
+    NewEntityIncident,
+    NewIncident,
+    NewReportAddedToAnIncident,
+    SubmissionApproved,
+    Login,
+    Signup,
 };
 
 export default templates;