From d8213639d354e336783816156ea7f8a099f95aaf Mon Sep 17 00:00:00 2001
From: Terence <45381509+Vielheim@users.noreply.github.com>
Date: Wed, 19 Oct 2022 18:14:33 +0800
Subject: [PATCH] add spinner (#394)

Co-authored-by: Terence Ho <>
---
 .../resumes/comments/ResumeCommentListItem.tsx         | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/portal/src/components/resumes/comments/ResumeCommentListItem.tsx b/apps/portal/src/components/resumes/comments/ResumeCommentListItem.tsx
index fee44c97..e497a705 100644
--- a/apps/portal/src/components/resumes/comments/ResumeCommentListItem.tsx
+++ b/apps/portal/src/components/resumes/comments/ResumeCommentListItem.tsx
@@ -8,7 +8,7 @@ import {
 } from '@heroicons/react/20/solid';
 import { FaceSmileIcon } from '@heroicons/react/24/outline';
 import { Vote } from '@prisma/client';
-import { Button, TextArea } from '@tih/ui';
+import { Button, Spinner, TextArea } from '@tih/ui';
 
 import { trpc } from '~/utils/trpc';
 
@@ -212,11 +212,9 @@ export default function ResumeCommentListItem({
                 )}
               />
             </button>
-
             <div className="text-xs">
               {commentVotesQuery.data?.numVotes ?? 0}
             </div>
-
             <button
               disabled={
                 !userId ||
@@ -245,6 +243,12 @@ export default function ResumeCommentListItem({
                 Edit
               </button>
             )}
+
+            {(commentVotesQuery.isLoading ||
+              commentVotesUpsertMutation.isLoading ||
+              commentVotesDeleteMutation.isLoading) && (
+              <Spinner label="loading votes..." size="xs" />
+            )}
           </div>
         </div>
       </div>