From de71f8914a40853e33bdeefee2129bb927f2ddc0 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 19 Oct 2022 13:59:49 +0530
Subject: [PATCH] feat(gui): add filter in user list

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components.d.ts               |  1 +
 packages/nc-gui/components/org-user/index.vue | 11 +++++++++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components.d.ts b/packages/nc-gui/components.d.ts
index 72d94ba7b7..db0ae56b3b 100644
--- a/packages/nc-gui/components.d.ts
+++ b/packages/nc-gui/components.d.ts
@@ -108,6 +108,7 @@ declare module '@vue/runtime-core' {
     MdiAccountPlusOutline: typeof import('~icons/mdi/account-plus-outline')['default']
     MdiAccountSupervisorOutline: typeof import('~icons/mdi/account-supervisor-outline')['default']
     MdiAdd: typeof import('~icons/mdi/add')['default']
+    MdiAdd: typeof import('~icons/mdi/add')['default']
     MdiAlpha: typeof import('~icons/mdi/alpha')['default']
     MdiAlphaA: typeof import('~icons/mdi/alpha-a')['default']
     MdiApi: typeof import('~icons/mdi/api')['default']
diff --git a/packages/nc-gui/components/org-user/index.vue b/packages/nc-gui/components/org-user/index.vue
index 80afe34ef6..bab84d4971 100644
--- a/packages/nc-gui/components/org-user/index.vue
+++ b/packages/nc-gui/components/org-user/index.vue
@@ -73,8 +73,15 @@ const deleteUser = async (userId: string) => {
 <template>
   <div class=" h-full overflow-y-scroll scrollbar-thin-dull">
     <div class="max-w-[700px] mx-auto p-4">
-      <a-input-search size="small" class="my-4 max-w-[300px]" placeholder="Filter by email" v-model:value="searchText"
-                      @change="loadUsers" @keydown.enter="loadUsers"></a-input-search>
+      <div class="py-2 flex"><a-input-search size="small" class=" max-w-[300px]" placeholder="Filter by email" v-model:value="searchText"
+                      @blur="loadUsers" @keydown.enter="loadUsers"></a-input-search>
+        <div class="flex-grow"></div>
+        <a-button size="small">
+          <div class="flex items-center gap-1">
+          <MdiAdd/> Add new user
+          </div>
+        </a-button>
+      </div>
       <a-table
         :row-key="(record) => record.id"
         :data-source="users"