From 348eb39bdfd2badaf09582504882c5c696b98883 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 19 Jul 2022 11:29:46 +0200
Subject: [PATCH] fix: alert icon is now alligned

---
 src/lib/components/alert.svelte                           | 8 +++++---
 src/routes/console/[project]/users/_appleOAuth.svelte     | 4 +---
 src/routes/console/[project]/users/_auth0OAuth.svelte     | 4 +---
 src/routes/console/[project]/users/_mainOAuth.svelte      | 4 +---
 src/routes/console/[project]/users/_microsoftOAuth.svelte | 4 +---
 src/routes/console/[project]/users/_oktaOAuth.svelte      | 4 +---
 .../[project]/users/teams/[team]/_createMember.svelte     | 4 +---
 7 files changed, 11 insertions(+), 21 deletions(-)

diff --git a/src/lib/components/alert.svelte b/src/lib/components/alert.svelte
index 526121d46..ee90958e6 100644
--- a/src/lib/components/alert.svelte
+++ b/src/lib/components/alert.svelte
@@ -21,9 +21,11 @@
         {/if}
         <span class="icon-info" aria-hidden="true" />
         <div class="content">
-            <h6 class="title">
-                <slot name="title" />
-            </h6>
+            {#if $$slots.title}
+                <h6 class="title">
+                    <slot name="title" />
+                </h6>
+            {/if}
             <p class="message"><slot /></p>
             {#if buttons?.length}
                 <div class="buttons u-flex">
diff --git a/src/routes/console/[project]/users/_appleOAuth.svelte b/src/routes/console/[project]/users/_appleOAuth.svelte
index 21b1b8a4d..157ce1900 100644
--- a/src/routes/console/[project]/users/_appleOAuth.svelte
+++ b/src/routes/console/[project]/users/_appleOAuth.svelte
@@ -73,9 +73,7 @@
                 bind:value={teamID} />
             <InputTextarea id="p8" label="P8 File" placeholder="" bind:value={p8} />
             <Alert type="info">
-                <p>
-                    To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
-                </p>
+                To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
             </Alert>
             <div>
                 <p>URI</p>
diff --git a/src/routes/console/[project]/users/_auth0OAuth.svelte b/src/routes/console/[project]/users/_auth0OAuth.svelte
index 9fe0625a6..ee16907db 100644
--- a/src/routes/console/[project]/users/_auth0OAuth.svelte
+++ b/src/routes/console/[project]/users/_auth0OAuth.svelte
@@ -72,9 +72,7 @@
                 placeholder="Your Auth0 domain"
                 bind:value={auth0Domain} />
             <Alert type="info">
-                <p>
-                    To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
-                </p>
+                To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
             </Alert>
             <div>
                 <p>URI</p>
diff --git a/src/routes/console/[project]/users/_mainOAuth.svelte b/src/routes/console/[project]/users/_mainOAuth.svelte
index f913262e7..85677ab84 100644
--- a/src/routes/console/[project]/users/_mainOAuth.svelte
+++ b/src/routes/console/[project]/users/_mainOAuth.svelte
@@ -62,9 +62,7 @@
                 meter={false}
                 bind:value={provider.secret} />
             <Alert type="info">
-                <p>
-                    To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
-                </p>
+                To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
             </Alert>
             <div>
                 <p>URI</p>
diff --git a/src/routes/console/[project]/users/_microsoftOAuth.svelte b/src/routes/console/[project]/users/_microsoftOAuth.svelte
index 6a940e210..432e54569 100644
--- a/src/routes/console/[project]/users/_microsoftOAuth.svelte
+++ b/src/routes/console/[project]/users/_microsoftOAuth.svelte
@@ -72,9 +72,7 @@
                 placeholder="'common','organizations','consumers' or your TenantID"
                 bind:value={tenantID} />
             <Alert type="info">
-                <p>
-                    To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
-                </p>
+                To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
             </Alert>
             <div>
                 <p>URI</p>
diff --git a/src/routes/console/[project]/users/_oktaOAuth.svelte b/src/routes/console/[project]/users/_oktaOAuth.svelte
index 990dd6122..32bb06db6 100644
--- a/src/routes/console/[project]/users/_oktaOAuth.svelte
+++ b/src/routes/console/[project]/users/_oktaOAuth.svelte
@@ -80,9 +80,7 @@
                 bind:value={authorizationServerId} />
 
             <Alert type="info">
-                <p>
-                    To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
-                </p>
+                To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
             </Alert>
             <div>
                 <p>URI</p>
diff --git a/src/routes/console/[project]/users/teams/[team]/_createMember.svelte b/src/routes/console/[project]/users/teams/[team]/_createMember.svelte
index 8c2edda79..42047664c 100644
--- a/src/routes/console/[project]/users/teams/[team]/_createMember.svelte
+++ b/src/routes/console/[project]/users/teams/[team]/_createMember.svelte
@@ -58,9 +58,7 @@
                 placeholder="Enter name"
                 bind:value={name} />
             <Alert type="info">
-                <p>
-                    Roles are used to manage access permissions. You can create any role you want.
-                </p>
+                Roles are used to manage access permissions. You can create any role you want.
             </Alert>
 
             <InputTags id="tags" label="Roles" placeholder="Add roles" bind:tags={roles} />