From 1a3bb53ad703dbf2983ed1df3c360915f644a0b9 Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle
 <139135120+andrewwallacespeckle@users.noreply.github.com>
Date: Fri, 20 Dec 2024 14:49:59 +0000
Subject: [PATCH] Update ProjectList.vue (#3734)

---
 packages/frontend-2/components/workspace/ProjectList.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/frontend-2/components/workspace/ProjectList.vue b/packages/frontend-2/components/workspace/ProjectList.vue
index 5fa05b2e6d..d7335327c8 100644
--- a/packages/frontend-2/components/workspace/ProjectList.vue
+++ b/packages/frontend-2/components/workspace/ProjectList.vue
@@ -28,7 +28,7 @@
         @show-new-project-dialog="openNewProject = true"
         @show-invite-dialog="showInviteDialog = true"
       />
-      <div v-if="projects?.totalCount" class="mt-2 lg:mt-4">
+      <div v-if="showSearchBar" class="mt-2 lg:mt-4">
         <FormTextInput
           name="modelsearch"
           :show-label="false"
@@ -221,12 +221,15 @@ const isWorkspaceGuest = computed(() => workspace.value?.role === Roles.Workspac
 const isWorkspaceAdmin = computed(() => workspace.value?.role === Roles.Workspace.Admin)
 
 const showLoadingBar = computed(() => {
-  const isLoading =
-    areQueriesLoading.value || (!!search.value && !projects.value?.items?.length)
+  const isLoading = areQueriesLoading.value || (!!search.value && query.loading.value)
 
   return isLoading
 })
 
+const showSearchBar = computed(() => {
+  return projects?.value?.totalCount || search.value
+})
+
 const clearSearch = () => {
   search.value = ''
   selectedRoles.value = []