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

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

* [resumes][feat] update dropzone for form
pull/398/head
Keane Chan 2 years ago committed by GitHub
parent cf1852a302
commit c8b1e43337
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -68,7 +68,7 @@ export default function ResumeCommentsList({
<div className="space-y-3"> <div className="space-y-3">
{renderButton()} {renderButton()}
{commentsQuery.isFetching ? ( {commentsQuery.isLoading ? (
<div className="col-span-10 pt-4"> <div className="col-span-10 pt-4">
<Spinner display="block" size="lg" /> <Spinner display="block" size="lg" />
</div> </div>

@ -315,19 +315,19 @@ export default function SubmitResumeForm({
{resumeFile.name} {resumeFile.name}
</p> </p>
)} )}
<div className="flex justify-center text-sm"> <div className="flex items-center text-sm">
<label <label
className="rounded-md focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2" className="rounded-md focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2"
htmlFor="file-upload"> 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="mr-1 ml-1 font-light">or</span>
<span className="cursor-pointer font-medium text-indigo-600 hover:text-indigo-400"> <span className="cursor-pointer font-medium text-indigo-600 hover:text-indigo-400">
{resumeFile == null {resumeFile == null
? 'Select file' ? 'Select file'
: 'Replace file'} : 'Replace file'}
</span> </span>
</div>
<input <input
{...register('file', { required: true })} {...register('file', { required: true })}
{...getInputProps()} {...getInputProps()}

Loading…
Cancel
Save