diff --git a/apps/portal/src/components/resumes/shared/ResumeExperienceTypeahead.tsx b/apps/portal/src/components/resumes/shared/ResumeExperienceTypeahead.tsx index 1a17370b..f343665c 100644 --- a/apps/portal/src/components/resumes/shared/ResumeExperienceTypeahead.tsx +++ b/apps/portal/src/components/resumes/shared/ResumeExperienceTypeahead.tsx @@ -19,16 +19,18 @@ type Props = BaseProps & Readonly<{ onSelect: (option: TypeaheadOption | null) => void; selectedValues?: Set; + value?: TypeaheadOption | null; }>; export default function ResumeExperienceTypeahead({ onSelect, selectedValues = new Set(), + value, ...props }: Props) { const [query, setQuery] = useState(''); const options = EXPERIENCES.filter( - ({ value }) => !selectedValues.has(value), + (option) => !selectedValues.has(option.value), ).filter( ({ label }) => label.toLocaleLowerCase().indexOf(query.toLocaleLowerCase()) > -1, @@ -40,6 +42,7 @@ export default function ResumeExperienceTypeahead({ noResultsMessage="No available experiences." nullable={true} options={options} + value={value} onQueryChange={setQuery} onSelect={onSelect} {...props} diff --git a/apps/portal/src/components/resumes/shared/ResumeLocationTypeahead.tsx b/apps/portal/src/components/resumes/shared/ResumeLocationTypeahead.tsx index 98bd0d2a..cbac0a18 100644 --- a/apps/portal/src/components/resumes/shared/ResumeLocationTypeahead.tsx +++ b/apps/portal/src/components/resumes/shared/ResumeLocationTypeahead.tsx @@ -19,11 +19,13 @@ type Props = BaseProps & Readonly<{ onSelect: (option: TypeaheadOption | null) => void; selectedValues?: Set; + value?: TypeaheadOption | null; }>; export default function ResumeLocationTypeahead({ onSelect, selectedValues = new Set(), + value, ...props }: Props) { const [query, setQuery] = useState(''); @@ -46,7 +48,7 @@ export default function ResumeLocationTypeahead({ label: name, value: id, })) - .filter(({ value }) => !selectedValues.has(value)); + .filter((option) => !selectedValues.has(option.value)); }, [countries, selectedValues]); return ( @@ -55,6 +57,7 @@ export default function ResumeLocationTypeahead({ noResultsMessage="No location found" nullable={true} options={options} + value={value} onQueryChange={setQuery} onSelect={onSelect} {...props} diff --git a/apps/portal/src/components/resumes/shared/ResumeRoleTypeahead.tsx b/apps/portal/src/components/resumes/shared/ResumeRoleTypeahead.tsx index a7e8a8bb..d619ccf2 100644 --- a/apps/portal/src/components/resumes/shared/ResumeRoleTypeahead.tsx +++ b/apps/portal/src/components/resumes/shared/ResumeRoleTypeahead.tsx @@ -19,11 +19,13 @@ type Props = BaseProps & Readonly<{ onSelect: (option: TypeaheadOption | null) => void; selectedValues?: Set; + value?: TypeaheadOption | null; }>; export default function ResumeRoleTypeahead({ onSelect, selectedValues = new Set(), + value, ...props }: Props) { const [query, setQuery] = useState(''); @@ -33,7 +35,7 @@ export default function ResumeRoleTypeahead({ label, value: slug, })) - .filter(({ value }) => !selectedValues.has(value)) + .filter((option) => !selectedValues.has(option.value)) .filter( ({ label }) => label.toLocaleLowerCase().indexOf(query.toLocaleLowerCase()) > -1, @@ -45,6 +47,7 @@ export default function ResumeRoleTypeahead({ noResultsMessage="No available roles." nullable={true} options={options} + value={value} onQueryChange={setQuery} onSelect={onSelect} {...props}