From f4de02ce1b7b4934b71fc19a1a1f28533e6e0d8f Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 17 May 2022 12:48:01 +0200
Subject: [PATCH 01/12] feat: added icon to search input

---
 src/lib/elements/forms/inputSearch.svelte | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/lib/elements/forms/inputSearch.svelte b/src/lib/elements/forms/inputSearch.svelte
index 7903ae8cd9..d588c6b87e 100644
--- a/src/lib/elements/forms/inputSearch.svelte
+++ b/src/lib/elements/forms/inputSearch.svelte
@@ -26,11 +26,14 @@
     };
 </script>
 
-<input
-    {placeholder}
-    {disabled}
-    {required}
-    type="search"
-    class="input-text"
-    on:input={valueChange}
-    bind:this={element} />
+<div class="input-text-wrapper">
+    <input
+        {placeholder}
+        {disabled}
+        {required}
+        type="search"
+        class="input-text"
+        on:input={valueChange}
+        bind:this={element} />
+    <span class="icon-search" aria-hidden="true" />
+</div>

From 1bb001ed1afa7932b0731d41e2d464bceef2bf0c Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 17 May 2022 12:48:29 +0200
Subject: [PATCH 02/12] fix: removed footer component from layout

---
 src/routes/console/[project]/users/index.svelte | 11 ++++++-----
 src/routes/console/__layout.svelte              |  2 --
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/routes/console/[project]/users/index.svelte b/src/routes/console/[project]/users/index.svelte
index f1d113d382..23ed2ba507 100644
--- a/src/routes/console/[project]/users/index.svelte
+++ b/src/routes/console/[project]/users/index.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { page } from '$app/stores';
     import { sdkForProject } from '$lib/stores/sdk';
-    import { Card, Empty, Pagination } from '$lib/components';
+    import { Empty, Pagination } from '$lib/components';
     import { Button, InputSearch } from '$lib/elements/forms';
     import {
         Table,
@@ -36,9 +36,12 @@
 </script>
 
 <Container>
-    <Card>
+    <div class="u-flex">
         <InputSearch bind:value={search} />
-    </Card>
+        <Button on:click={() => (showCreate = true)}>
+            <span class="icon-plus" aria-hidden="true" /> <span class="text">Create User</span>
+        </Button>
+    </div>
     {#await request}
         <div aria-busy="true" />
     {:then response}
@@ -94,8 +97,6 @@
             </Empty>
         {/if}
     {/await}
-
-    <Button on:click={() => (showCreate = true)}>Create User</Button>
 </Container>
 
 <Create bind:showCreate on:created={userCreated} />
diff --git a/src/routes/console/__layout.svelte b/src/routes/console/__layout.svelte
index 2fc1a84375..59c88ab951 100644
--- a/src/routes/console/__layout.svelte
+++ b/src/routes/console/__layout.svelte
@@ -2,7 +2,6 @@
     import Shell from '$lib/layout/shell.svelte';
     import SideNavigation from '$lib/layout/navigation.svelte';
     import Header from '$lib/layout/header.svelte';
-    import Footer from '$lib/layout/footer.svelte';
 </script>
 
 <Shell>
@@ -13,5 +12,4 @@
         <SideNavigation />
     </svelte:fragment>
     <slot />
-    <Footer />
 </Shell>

From f17a1856d05833a8e93114edf2b9060e3078694a Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 17 May 2022 15:01:33 +0200
Subject: [PATCH 03/12] added missing buttons to header

---
 src/lib/layout/header.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/layout/header.svelte b/src/lib/layout/header.svelte
index 5607f4028c..5ce241f7e8 100644
--- a/src/lib/layout/header.svelte
+++ b/src/lib/layout/header.svelte
@@ -21,7 +21,11 @@
 </nav>
 
 <div class="main-header-end">
-    <nav class="u-flex is-only-desktop" />
+    <nav class="u-flex is-only-desktop">
+        <button class="button is-small is-text"><span class="text">Feedback</span></button>
+        <button class="button is-small is-text"><span class="text">Support</span></button>
+        <button class="button is-small is-secondary"><span class="text">Upgrade</span></button>
+    </nav>
     <nav class="user-profile">
         {#if $user && $project}
             <DropList bind:show={showDropdown} position="bottom" horizontal="left" arrow={false}>

From 3941dbaf37cff49a6c7fbfc6ef390e4d6f5f2df9 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 17 May 2022 15:25:26 +0200
Subject: [PATCH 04/12] updated pill component

---
 src/lib/elements/pill.svelte | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/lib/elements/pill.svelte b/src/lib/elements/pill.svelte
index 2735bde500..821b60fedc 100644
--- a/src/lib/elements/pill.svelte
+++ b/src/lib/elements/pill.svelte
@@ -1,15 +1,17 @@
 <script lang="ts">
     export let disabled = false;
-    export let pending = false;
-    export let failed = false;
     export let success = false;
+    export let warning = false;
+    export let danger = false;
+    export let info = false;
 </script>
 
 <div
-    class="pill"
+    class="tag"
     class:is-disabled={disabled}
-    class:is-pending={pending}
-    class:is-failed={failed}
-    class:is-success={success}>
+    class:is-success={success}
+    class:is-warning={warning}
+    class:is-danger={danger}
+    class:is-info={info}>
     <slot />
 </div>

From 104acbd7ba745e0a9b64e97afb2d42cac7e6153a Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 17 May 2022 16:46:12 +0200
Subject: [PATCH 05/12] added spacing between elements

---
 src/routes/console/[project]/users/index.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/console/[project]/users/index.svelte b/src/routes/console/[project]/users/index.svelte
index 23ed2ba507..f25c8f9df2 100644
--- a/src/routes/console/[project]/users/index.svelte
+++ b/src/routes/console/[project]/users/index.svelte
@@ -36,7 +36,7 @@
 </script>
 
 <Container>
-    <div class="u-flex">
+    <div class="u-flex u-space-between">
         <InputSearch bind:value={search} />
         <Button on:click={() => (showCreate = true)}>
             <span class="icon-plus" aria-hidden="true" /> <span class="text">Create User</span>

From 4e88eb03f7281dedff14f7ea070a2890d8a32bba Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 18 May 2022 10:26:35 +0200
Subject: [PATCH 06/12] updated teams tab

---
 src/routes/console/[project]/users/teams.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes/console/[project]/users/teams.svelte b/src/routes/console/[project]/users/teams.svelte
index 2e35c6fe91..ac25a1ab99 100644
--- a/src/routes/console/[project]/users/teams.svelte
+++ b/src/routes/console/[project]/users/teams.svelte
@@ -35,15 +35,17 @@
 </script>
 
 <Container>
-    <Card>
+    <div class="u-flex u-space-between common-section">
         <InputSearch bind:value={search} />
-    </Card>
+        <Button on:click={() => (showCreate = true)}>
+            <span class="icon-plus" aria-hidden="true" /> <span class="text">Create Team</span>
+        </Button>
+    </div>
 
     {#await request}
         <div aria-busy="true" />
     {:then response}
         {#if response.total}
-            <p>{response.total} teams found</p>
             <Table>
                 <TableHeader>
                     <TableCellHead width={30} />
@@ -90,8 +92,6 @@
             </Empty>
         {/if}
     {/await}
-
-    <Button on:click={() => (showCreate = true)}>Create Team</Button>
 </Container>
 
 <Create bind:showCreate on:created={teamCreated} />

From 60e6f03fac74524e2a7826844e98838fdf1560d5 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 18 May 2022 10:26:54 +0200
Subject: [PATCH 07/12] updated classes

---
 src/lib/elements/table/table.svelte             | 2 +-
 src/routes/console/[project]/users/index.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/elements/table/table.svelte b/src/lib/elements/table/table.svelte
index ddd71e896a..737bf6b542 100644
--- a/src/lib/elements/table/table.svelte
+++ b/src/lib/elements/table/table.svelte
@@ -1,3 +1,3 @@
-<table class="table is-vertical">
+<table class="table is-vertical common-section">
     <slot />
 </table>
diff --git a/src/routes/console/[project]/users/index.svelte b/src/routes/console/[project]/users/index.svelte
index f25c8f9df2..b3c75d4da9 100644
--- a/src/routes/console/[project]/users/index.svelte
+++ b/src/routes/console/[project]/users/index.svelte
@@ -36,7 +36,7 @@
 </script>
 
 <Container>
-    <div class="u-flex u-space-between">
+    <div class="u-flex u-space-between common-section">
         <InputSearch bind:value={search} />
         <Button on:click={() => (showCreate = true)}>
             <span class="icon-plus" aria-hidden="true" /> <span class="text">Create User</span>

From ff451c65974fdc426c9684eb0532130d312af847 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 19 May 2022 10:22:52 +0200
Subject: [PATCH 08/12] fix: updated pills and removed unused component

---
 .../database/collection/[collection]/attributes.svelte        | 4 ++--
 .../[project]/database/collection/[collection]/indexes.svelte | 2 +-
 src/routes/console/[project]/settings/domains.svelte          | 2 +-
 src/routes/console/[project]/settings/members.svelte          | 2 +-
 src/routes/console/[project]/users/teams.svelte               | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/routes/console/[project]/database/collection/[collection]/attributes.svelte b/src/routes/console/[project]/database/collection/[collection]/attributes.svelte
index 8392f61861..7e67786b26 100644
--- a/src/routes/console/[project]/database/collection/[collection]/attributes.svelte
+++ b/src/routes/console/[project]/database/collection/[collection]/attributes.svelte
@@ -33,8 +33,8 @@
                         <TableCellText title="Status">
                             <Pill
                                 success={attribute.status === 'available'}
-                                pending={attribute.status === 'processing'}
-                                failed={['deleting', 'stuck', 'failed'].includes(attribute.status)}>
+                                warning={attribute.status === 'processing'}
+                                danger={['deleting', 'stuck', 'failed'].includes(attribute.status)}>
                                 {attribute.status}
                             </Pill>
                         </TableCellText>
diff --git a/src/routes/console/[project]/database/collection/[collection]/indexes.svelte b/src/routes/console/[project]/database/collection/[collection]/indexes.svelte
index d779daf5a6..87fd327157 100644
--- a/src/routes/console/[project]/database/collection/[collection]/indexes.svelte
+++ b/src/routes/console/[project]/database/collection/[collection]/indexes.svelte
@@ -36,7 +36,7 @@
                                 <Pill>{attribute} ({index.orders[i]})</Pill>
                             {/each}
                         </TableCellText>
-                        <TableCellText title="Action"><Pill failed>Delete</Pill></TableCellText>
+                        <TableCellText title="Action"><Pill danger>Delete</Pill></TableCellText>
                     </TableRow>
                 {/each}
             </TableBody>
diff --git a/src/routes/console/[project]/settings/domains.svelte b/src/routes/console/[project]/settings/domains.svelte
index 3f6b6874a6..c5fa53246e 100644
--- a/src/routes/console/[project]/settings/domains.svelte
+++ b/src/routes/console/[project]/settings/domains.svelte
@@ -36,7 +36,7 @@
                 {#each response.domains as domain}
                     <TableRow>
                         <TableCellText title="Scopes">
-                            <Pill failed={!domain.verification} success={domain.verification}>
+                            <Pill danger={!domain.verification} success={domain.verification}>
                                 {domain.verification ? 'Verified' : 'Unverified'}
                             </Pill>
                         </TableCellText>
diff --git a/src/routes/console/[project]/settings/members.svelte b/src/routes/console/[project]/settings/members.svelte
index 1673ad1896..da6770b552 100644
--- a/src/routes/console/[project]/settings/members.svelte
+++ b/src/routes/console/[project]/settings/members.svelte
@@ -31,7 +31,7 @@
                                 <Pill>{role}</Pill>
                             {/each}
                             {#if !membership.confirm}
-                                <Pill failed>Pending Approval</Pill>
+                                <Pill danger>Pending Approval</Pill>
                             {/if}
                         </svelte:fragment>
                         <svelte:fragment slot="info">
diff --git a/src/routes/console/[project]/users/teams.svelte b/src/routes/console/[project]/users/teams.svelte
index ac25a1ab99..6f9fae967a 100644
--- a/src/routes/console/[project]/users/teams.svelte
+++ b/src/routes/console/[project]/users/teams.svelte
@@ -12,7 +12,7 @@
         TableCell
     } from '$lib/elements/table';
     import { Button, InputSearch } from '$lib/elements/forms';
-    import { Card, Empty, Pagination } from '$lib/components';
+    import { Empty, Pagination } from '$lib/components';
     import Create from './_createTeam.svelte';
     import { goto } from '$app/navigation';
     import type { Models } from 'src/sdk';

From 598a2046ec452f53883fc2889ff34fb97f269ba7 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 19 May 2022 10:27:07 +0200
Subject: [PATCH 09/12] chore: updated class

---
 src/routes/console/[project]/users/index.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/console/[project]/users/index.svelte b/src/routes/console/[project]/users/index.svelte
index b3c75d4da9..27d78127d7 100644
--- a/src/routes/console/[project]/users/index.svelte
+++ b/src/routes/console/[project]/users/index.svelte
@@ -36,7 +36,7 @@
 </script>
 
 <Container>
-    <div class="u-flex u-space-between common-section">
+    <div class="u-flex u-gap-12 common-section">
         <InputSearch bind:value={search} />
         <Button on:click={() => (showCreate = true)}>
             <span class="icon-plus" aria-hidden="true" /> <span class="text">Create User</span>

From 8ac9860a7ff628ba2200419c22a61bd647443541 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 19 May 2022 14:27:58 +0200
Subject: [PATCH 10/12] chore: added link to support page

---
 src/lib/layout/header.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/layout/header.svelte b/src/lib/layout/header.svelte
index 7abb9dd15f..2b728553ed 100644
--- a/src/lib/layout/header.svelte
+++ b/src/lib/layout/header.svelte
@@ -23,7 +23,11 @@
 <div class="main-header-end">
     <nav class="u-flex is-only-desktop">
         <button class="button is-small is-text"><span class="text">Feedback</span></button>
-        <button class="button is-small is-text"><span class="text">Support</span></button>
+        <a
+            href="https://appwrite.io/support"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="button is-small is-text"><span class="text">Support</span></a>
         <button class="button is-small is-secondary"><span class="text">Upgrade</span></button>
     </nav>
     <nav class="user-profile">

From ef1f2c127cb1b4e1c47e8afdd50880786f4f9dca Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 20 May 2022 11:39:41 +0200
Subject: [PATCH 11/12] feat: search input new classes & styles

---
 src/routes/console/[project]/users/index.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/[project]/users/index.svelte b/src/routes/console/[project]/users/index.svelte
index 27d78127d7..4f97d0f037 100644
--- a/src/routes/console/[project]/users/index.svelte
+++ b/src/routes/console/[project]/users/index.svelte
@@ -36,8 +36,12 @@
 </script>
 
 <Container>
-    <div class="u-flex u-gap-12 common-section">
-        <InputSearch bind:value={search} />
+    <div class="u-flex u-gap-12 common-section u-main-space-between">
+        <div class="input-text-wrapper u-stretch" style="max-width: 500px">
+            <input type="search" class="input-text" bind:value={search} />
+            <span class="icon-search" aria-hidden="true" />
+        </div>
+
         <Button on:click={() => (showCreate = true)}>
             <span class="icon-plus" aria-hidden="true" /> <span class="text">Create User</span>
         </Button>

From 84ad8b7bd800bdde8a0b64fc38a146ba5b498cd4 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 20 May 2022 11:44:32 +0200
Subject: [PATCH 12/12] feat: total results count added

---
 src/routes/console/[project]/users/index.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/routes/console/[project]/users/index.svelte b/src/routes/console/[project]/users/index.svelte
index 4f97d0f037..9f1381ba24 100644
--- a/src/routes/console/[project]/users/index.svelte
+++ b/src/routes/console/[project]/users/index.svelte
@@ -2,7 +2,7 @@
     import { page } from '$app/stores';
     import { sdkForProject } from '$lib/stores/sdk';
     import { Empty, Pagination } from '$lib/components';
-    import { Button, InputSearch } from '$lib/elements/forms';
+    import { Button } from '$lib/elements/forms';
     import {
         Table,
         TableHeader,
@@ -88,7 +88,10 @@
                     {/each}
                 </TableBody>
             </Table>
-            <Pagination {limit} bind:offset sum={response.total} />
+            <div class="u-flex common-section u-main-space-between">
+                <p class="text">Total results: {response.total}</p>
+                <Pagination {limit} bind:offset sum={response.total} />
+            </div>
         {:else if search}
             <Empty>
                 <svelte:fragment slot="header"