[resumes][feat] misc updates (#397)

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

* [resumes][feat] update dropzone for form

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>

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>
+                            <span className="mt-2 font-medium">
-                            <div className="mt-2 mb-1 flex justify-center gap-1">
+                              Drop file here
-                              <span className="font-light">or</span>
+                            </span>
-                              <span className="cursor-pointer font-medium text-indigo-600 hover:text-indigo-400">
+                            <span className="mr-1 ml-1 font-light">or</span>
-                                {resumeFile == null
+                            <span className="cursor-pointer font-medium text-indigo-600 hover:text-indigo-400">
-                                  ? 'Select file'
+                              {resumeFile == null
-                                  : 'Replace file'}
+                                ? 'Select file'
-                              </span>
+                                : 'Replace file'}
-                            </div>
+                            </span>
                             <input
                               {...register('file', { required: true })}
                               {...getInputProps()}