From 93af690cd50832029d4367f572ee625fc8fa41d9 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 1 Jul 2022 13:12:24 +0200
Subject: [PATCH] feat: add warning icon to modals

---
 src/lib/components/modal.svelte                             | 6 +++---
 .../[project]/users/teams/[team]/_createMember.svelte       | 2 +-
 .../[project]/users/teams/[team]/_deleteMembership.svelte   | 2 +-
 .../console/[project]/users/teams/[team]/_deleteTeam.svelte | 2 +-
 .../users/user/[user]/_deleteAllMemberships.svelte          | 2 +-
 .../[project]/users/user/[user]/_deleteAllSessions.svelte   | 2 +-
 .../[project]/users/user/[user]/_deleteMembership.svelte    | 2 +-
 .../[project]/users/user/[user]/_deleteSession.svelte       | 2 +-
 .../console/[project]/users/user/[user]/_deleteUser.svelte  | 2 +-
 9 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/lib/components/modal.svelte b/src/lib/components/modal.svelte
index e78cccba0..7843b7c91 100644
--- a/src/lib/components/modal.svelte
+++ b/src/lib/components/modal.svelte
@@ -4,7 +4,7 @@
 
     export let show = false;
     export let size: 'small' | 'big' = null;
-    export let icon = false;
+    export let warning = false;
     let browser = false;
     //TODO: explore other solutions compatible with testing library
     onMount(() => {
@@ -58,12 +58,12 @@
             class="modal"
             transition:fly={transitionFly}>
             <header class="modal-header">
-                {#if icon}
+                {#if warning}
                     <div class="avatar is-color-orange is-medium">
                         <span class="icon-exclamation" aria-hidden="true" />
                     </div>
                 {/if}
-                <h4 class="modal-title">
+                <h4 class="heading-level-5">
                     <slot name="header" />
                 </h4>
                 <button
diff --git a/src/routes/console/[project]/users/teams/[team]/_createMember.svelte b/src/routes/console/[project]/users/teams/[team]/_createMember.svelte
index 278315321..c0cac2ecb 100644
--- a/src/routes/console/[project]/users/teams/[team]/_createMember.svelte
+++ b/src/routes/console/[project]/users/teams/[team]/_createMember.svelte
@@ -42,7 +42,7 @@
 </script>
 
 <Form on:submit={create}>
-    <Modal bind:show={showCreate}>
+    <Modal warning={true} bind:show={showCreate}>
         <svelte:fragment slot="header">Create User</svelte:fragment>
         <FormList>
             <InputEmail
diff --git a/src/routes/console/[project]/users/teams/[team]/_deleteMembership.svelte b/src/routes/console/[project]/users/teams/[team]/_deleteMembership.svelte
index 5f30ba58e..09c36c0cd 100644
--- a/src/routes/console/[project]/users/teams/[team]/_deleteMembership.svelte
+++ b/src/routes/console/[project]/users/teams/[team]/_deleteMembership.svelte
@@ -35,7 +35,7 @@
 </script>
 
 <Form on:submit={deleteMembership}>
-    <Modal bind:show={showDelete}>
+    <Modal warning={true} bind:show={showDelete}>
         <svelte:fragment slot="header">Delete member</svelte:fragment>
 
         <p>
diff --git a/src/routes/console/[project]/users/teams/[team]/_deleteTeam.svelte b/src/routes/console/[project]/users/teams/[team]/_deleteTeam.svelte
index b8dd33a9e..186928720 100644
--- a/src/routes/console/[project]/users/teams/[team]/_deleteTeam.svelte
+++ b/src/routes/console/[project]/users/teams/[team]/_deleteTeam.svelte
@@ -26,7 +26,7 @@
 </script>
 
 <Form on:submit={deleteTeam}>
-    <Modal bind:show={showDelete}>
+    <Modal warning={true} bind:show={showDelete}>
         <svelte:fragment slot="header">Delete member</svelte:fragment>
 
         <p>
diff --git a/src/routes/console/[project]/users/user/[user]/_deleteAllMemberships.svelte b/src/routes/console/[project]/users/user/[user]/_deleteAllMemberships.svelte
index 0c1b62c41..958b41301 100644
--- a/src/routes/console/[project]/users/user/[user]/_deleteAllMemberships.svelte
+++ b/src/routes/console/[project]/users/user/[user]/_deleteAllMemberships.svelte
@@ -27,7 +27,7 @@
 </script>
 
 <Form on:submit={deleteAllMemberships}>
-    <Modal bind:show={showDeleteAll}>
+    <Modal warning={true} bind:show={showDeleteAll}>
         <svelte:fragment slot="header">Delete all memberships</svelte:fragment>
 
         <p>
diff --git a/src/routes/console/[project]/users/user/[user]/_deleteAllSessions.svelte b/src/routes/console/[project]/users/user/[user]/_deleteAllSessions.svelte
index 02e9bc301..f3ff70117 100644
--- a/src/routes/console/[project]/users/user/[user]/_deleteAllSessions.svelte
+++ b/src/routes/console/[project]/users/user/[user]/_deleteAllSessions.svelte
@@ -26,7 +26,7 @@
 </script>
 
 <Form on:submit={deleteAllSessions}>
-    <Modal bind:show={showDeleteAll}>
+    <Modal warning={true} bind:show={showDeleteAll}>
         <svelte:fragment slot="header">Delete All Sessions</svelte:fragment>
 
         <p>
diff --git a/src/routes/console/[project]/users/user/[user]/_deleteMembership.svelte b/src/routes/console/[project]/users/user/[user]/_deleteMembership.svelte
index 2666bf0c6..6074c21d5 100644
--- a/src/routes/console/[project]/users/user/[user]/_deleteMembership.svelte
+++ b/src/routes/console/[project]/users/user/[user]/_deleteMembership.svelte
@@ -35,7 +35,7 @@
 </script>
 
 <Form on:submit={deleteMembership}>
-    <Modal bind:show={showDelete}>
+    <Modal warning={true} bind:show={showDelete}>
         <svelte:fragment slot="header">Delete member</svelte:fragment>
         <p>
             Are you sure you want to delete <b>{selectedMembership.userName}</b> from '{selectedMembership.teamName}'?
diff --git a/src/routes/console/[project]/users/user/[user]/_deleteSession.svelte b/src/routes/console/[project]/users/user/[user]/_deleteSession.svelte
index 9da04c77e..ee2ca5781 100644
--- a/src/routes/console/[project]/users/user/[user]/_deleteSession.svelte
+++ b/src/routes/console/[project]/users/user/[user]/_deleteSession.svelte
@@ -26,7 +26,7 @@
 </script>
 
 <Form on:submit={deleteSession}>
-    <Modal bind:show={showDelete}>
+    <Modal warning={true} bind:show={showDelete}>
         <svelte:fragment slot="header">Delete Sessions</svelte:fragment>
 
         <p>Are you sure you want to delete this session?</p>
diff --git a/src/routes/console/[project]/users/user/[user]/_deleteUser.svelte b/src/routes/console/[project]/users/user/[user]/_deleteUser.svelte
index 8631721f4..b79b5ef84 100644
--- a/src/routes/console/[project]/users/user/[user]/_deleteUser.svelte
+++ b/src/routes/console/[project]/users/user/[user]/_deleteUser.svelte
@@ -26,7 +26,7 @@
 </script>
 
 <Form on:submit={deleteUser}>
-    <Modal bind:show={showDelete}>
+    <Modal warning={true} bind:show={showDelete}>
         <svelte:fragment slot="header">Delete user</svelte:fragment>
         <p>Are you sure you want to delete <b>{$user.response.name}</b> from '{$project.name}'?</p>
         <svelte:fragment slot="footer">