From c8b1e4333758de1f26cad173c54372998de304e7 Mon Sep 17 00:00:00 2001
From: Keane Chan <e0425601@u.nus.edu>
Date: Wed, 19 Oct 2022 21:56:02 +0800
Subject: [PATCH] [resumes][feat] misc updates (#397)

* [resumes][feat] only load comments on initial fetch

* [resumes][feat] update dropzone for form
---
 .../resumes/comments/ResumeCommentsList.tsx   |  2 +-
 apps/portal/src/pages/resumes/submit.tsx      | 20 +++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/apps/portal/src/components/resumes/comments/ResumeCommentsList.tsx b/apps/portal/src/components/resumes/comments/ResumeCommentsList.tsx
index 12e564a9..23f8ad02 100644
--- a/apps/portal/src/components/resumes/comments/ResumeCommentsList.tsx
+++ b/apps/portal/src/components/resumes/comments/ResumeCommentsList.tsx
@@ -68,7 +68,7 @@ export default function ResumeCommentsList({
     <div className="space-y-3">
       {renderButton()}
 
-      {commentsQuery.isFetching ? (
+      {commentsQuery.isLoading ? (
         <div className="col-span-10 pt-4">
           <Spinner display="block" size="lg" />
         </div>
diff --git a/apps/portal/src/pages/resumes/submit.tsx b/apps/portal/src/pages/resumes/submit.tsx
index dc97e95a..92a1c392 100644
--- a/apps/portal/src/pages/resumes/submit.tsx
+++ b/apps/portal/src/pages/resumes/submit.tsx
@@ -315,19 +315,19 @@ export default function SubmitResumeForm({
                             {resumeFile.name}
                           </p>
                         )}
-                        <div className="flex justify-center text-sm">
+                        <div className="flex items-center text-sm">
                           <label
                             className="rounded-md focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2"
                             htmlFor="file-upload">
-                            <p className="mt-2 font-medium">Drop files here</p>
-                            <div className="mt-2 mb-1 flex justify-center gap-1">
-                              <span className="font-light">or</span>
-                              <span className="cursor-pointer font-medium text-indigo-600 hover:text-indigo-400">
-                                {resumeFile == null
-                                  ? 'Select file'
-                                  : 'Replace file'}
-                              </span>
-                            </div>
+                            <span className="mt-2 font-medium">
+                              Drop file here
+                            </span>
+                            <span className="mr-1 ml-1 font-light">or</span>
+                            <span className="cursor-pointer font-medium text-indigo-600 hover:text-indigo-400">
+                              {resumeFile == null
+                                ? 'Select file'
+                                : 'Replace file'}
+                            </span>
                             <input
                               {...register('file', { required: true })}
                               {...getInputProps()}