From 2116a7f67eb12ddbd0b704011acaf276eb1d3219 Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Mon, 10 Apr 2023 07:40:33 +0545
Subject: [PATCH] auth templates component

---
 .../project-[project]/auth/header.svelte      |  6 ++++
 .../auth/templates/+page.svelte               | 29 +++++++++++++++++++
 .../settings/smtp/+page.svelte                |  5 +++-
 3 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 src/routes/console/project-[project]/auth/templates/+page.svelte

diff --git a/src/routes/console/project-[project]/auth/header.svelte b/src/routes/console/project-[project]/auth/header.svelte
index 1e43c859b..8b2bd602d 100644
--- a/src/routes/console/project-[project]/auth/header.svelte
+++ b/src/routes/console/project-[project]/auth/header.svelte
@@ -19,6 +19,12 @@
             hasChildren: true,
             event: 'teams'
         },
+        {
+            href: `${path}/templates`,
+            title: 'Templates',
+            hasChildren: false,
+            event: 'templates'
+        },
         {
             href: `${path}/usage`,
             title: 'Usage',
diff --git a/src/routes/console/project-[project]/auth/templates/+page.svelte b/src/routes/console/project-[project]/auth/templates/+page.svelte
new file mode 100644
index 000000000..d8cf08d0b
--- /dev/null
+++ b/src/routes/console/project-[project]/auth/templates/+page.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+    import { goto } from '$app/navigation';
+    import { base } from '$app/paths';
+    import Alert from '$lib/components/alert.svelte';
+    import Container from '$lib/layout/container.svelte';
+    import { project } from '../../store';
+</script>
+
+<Container>
+    {#if !$project.smtpEnabled}
+        <Alert
+            dismissible
+            info
+            buttons={[
+                {
+                    name: 'Add SMTP server',
+                    method: () => {
+                        goto(base + '/console/project-' + $project.$id + '/settings/smtp');
+                    }
+                }
+            ]}>
+            <svelte:fragment slot="title">
+                Custom SMTP server is required for customizing emails
+            </svelte:fragment>
+            Configure a custom SMTP server to enable custom email templates and prevent emails from being
+            labeled as spam.
+        </Alert>
+    {/if}
+</Container>
diff --git a/src/routes/console/project-[project]/settings/smtp/+page.svelte b/src/routes/console/project-[project]/settings/smtp/+page.svelte
index e95f7d0bc..b203b8c09 100644
--- a/src/routes/console/project-[project]/settings/smtp/+page.svelte
+++ b/src/routes/console/project-[project]/settings/smtp/+page.svelte
@@ -11,6 +11,7 @@
     import { addNotification } from '$lib/stores/notifications';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import InputNumber from '$lib/elements/forms/inputNumber.svelte';
+    import { base } from '$app/paths';
 
     let enabled = false;
     let sender: string;
@@ -68,7 +69,9 @@
             <Heading tag="h6" size="7">SMTP Server</Heading>
             <p class="text">
                 You can customize the email service by providing your own SMTP server. View your
-                email templates here
+                email templates <a
+                    href="{base}/console/project-{$project.$id}/auth/templates"
+                    class="link">here</a>
             </p>
             <svelte:fragment slot="aside">
                 <FormList>