algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-28 20:52:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

[resumes][feat] downloading resume in submit form

Browse Source
This commit is contained in:
Keane Chan
2022-10-13 23:13:24 +08:00
parent 3ce6417fd0
commit 511087cf90
1 changed files with 34 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
apps/portal/src/pages/resumes/submit.tsx
View File

@ -141,6 +141,26 @@ export default function SubmitResumeForm() {
setResumeFile(null);
};
const onClickDownload = async () => {
if (resumeFile == null) {
return;
}
const url = window.URL.createObjectURL(resumeFile);
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', resumeFile.name);
// Append to html link element page
document.body.appendChild(link);
// Start download
link.click();
// Clean up and remove the link
link.remove();
};
const fileUploadError = useMemo(() => {
if (invalidFileUploadError != null) {
return invalidFileUploadError;
@ -240,15 +260,26 @@ export default function SubmitResumeForm() {
)}>
<div className="space-y-1 text-center">
<div className="flex gap-2">
<PaperClipIcon className="m-auto h-8 w-8 text-gray-600" />
{resumeFile && <p>{resumeFile.name}</p>}
{resumeFile == null ? (
<PaperClipIcon className="m-auto h-8 w-8 text-gray-600" />
) : (
<div className="flex gap-2">
<p
className="cursor-pointer underline underline-offset-1 hover:text-indigo-600"
onClick={onClickDownload}>
{resumeFile.name}
</p>
</div>
)}
</div>
<div className="flex justify-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="cursor-pointer font-medium text-indigo-600 hover:text-indigo-500">
Upload a file
{resumeFile == null
? 'Upload a file'
: 'Replace file'}
</p>
<input
{...register('file', { required: true })}