cesnimda/jobtrackingapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reset form on submit

Browse Source
This commit is contained in:
cesnimda
2026-03-21 13:01:13 +01:00
parent b2f60d4560
commit 48ca69abd9
1 changed files with 32 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
job-tracker-ui/src/components/AddJobModal.tsx
+32 -1
View File
@@ -30,6 +30,10 @@ interface Props {
const STATUS_OPTIONS = ["Applied", "Waiting", "Interview", "Offer", "Rejected", "Ghosted"] as const; const STATUS_OPTIONS = ["Applied", "Waiting", "Interview", "Offer", "Rejected", "Ghosted"] as const;
function getTodayIso() {
return new Date().toISOString().slice(0, 10);
}
export default function AddJobModal({ open, onClose, onCreated }: Props) { export default function AddJobModal({ open, onClose, onCreated }: Props) {
const { toast } = useToast(); const { toast } = useToast();
const { t } = useI18n(); const { t } = useI18n();
@@ -45,7 +49,7 @@ export default function AddJobModal({ open, onClose, onCreated }: Props) {
const [newCompanyLocation, setNewCompanyLocation] = useState(""); const [newCompanyLocation, setNewCompanyLocation] = useState("");
const [newCompanySource, setNewCompanySource] = useState(""); const [newCompanySource, setNewCompanySource] = useState("");
const [dateApplied, setDateApplied] = useState(() => new Date().toISOString().slice(0, 10)); const [dateApplied, setDateApplied] = useState(() => getTodayIso());
const [jobTitle, setJobTitle] = useState(""); const [jobTitle, setJobTitle] = useState("");
const [status, setStatus] = useState<(typeof STATUS_OPTIONS)[number]>("Applied"); const [status, setStatus] = useState<(typeof STATUS_OPTIONS)[number]>("Applied");
const [location, setLocation] = useState(""); const [location, setLocation] = useState("");
@@ -73,6 +77,32 @@ export default function AddJobModal({ open, onClose, onCreated }: Props) {
setCompanies(cachedCompanies); setCompanies(cachedCompanies);
}, [cachedCompanies]); }, [cachedCompanies]);
const resetForm = () => {
setCompany(null);
setCompanyInput("");
setNewCompanyLocation("");
setNewCompanySource("");
setDateApplied(getTodayIso());
setJobTitle("");
setStatus("Applied");
setLocation("");
setSalary("");
setNextAction("");
setFollowUpAt("");
setJobUrl("");
setDeadline("");
setDescription("");
setTranslatedDescription("");
setDescriptionLanguage("");
setTags([]);
setNotes("");
setCoverLetter("");
setHasResume(false);
setHasCoverLetter(false);
setHasPortfolio(false);
setHasOtherAttachment(false);
};
const normalizedCompanyName = companyInput.trim(); const normalizedCompanyName = companyInput.trim();
const matchingCompany = useMemo(() => { const matchingCompany = useMemo(() => {
if (!normalizedCompanyName) return null; if (!normalizedCompanyName) return null;
@@ -179,6 +209,7 @@ export default function AddJobModal({ open, onClose, onCreated }: Props) {
hasOtherAttachment, hasOtherAttachment,
}); });
resetForm();
onCreated(); onCreated();
onClose(); onClose();
toast("Job added.", "success"); toast("Job added.", "success");