From b2237f97f274d9927a4f5d40896c1962ac6fcaf5 Mon Sep 17 00:00:00 2001
From: Wu Peirong <wupeirong294@gmail.com>
Date: Sat, 22 Oct 2022 10:05:15 +0800
Subject: [PATCH] [resumes][feat] add spinner to browse page

---
 apps/portal/src/pages/resumes/browse.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/apps/portal/src/pages/resumes/browse.tsx b/apps/portal/src/pages/resumes/browse.tsx
index af1cae93..4182fd63 100644
--- a/apps/portal/src/pages/resumes/browse.tsx
+++ b/apps/portal/src/pages/resumes/browse.tsx
@@ -14,6 +14,7 @@ import {
   CheckboxList,
   DropdownMenu,
   Pagination,
+  Spinner,
   Tabs,
   TextInput,
 } from '@tih/ui';
@@ -528,7 +529,15 @@ export default function ResumeHomePage() {
               </div>
             </div>
             <div className="mb-6">
-              {sessionData === null && tabsValue !== BROWSE_TABS_VALUES.ALL ? (
+              {allResumesQuery.isLoading ||
+              starredResumesQuery.isLoading ||
+              myResumesQuery.isLoading ? (
+                <div className="w-full pt-4">
+                  {' '}
+                  <Spinner display="block" size="lg" />{' '}
+                </div>
+              ) : sessionData === null &&
+                tabsValue !== BROWSE_TABS_VALUES.ALL ? (
                 <ResumeSignInButton
                   className="mt-8"
                   text={getLoggedOutText(tabsValue)}