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

[portal][ui] allow value to be specified for comapnies and job titles typeahead

Browse Source
This commit is contained in:
Yangshun Tay
2022-10-30 10:07:38 +08:00
parent 2a4045cbcc
commit 6746f54792
3 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/portal/src/components/shared/CompaniesTypeahead.tsx
View File

@ -11,6 +11,7 @@ type Props = Readonly<{
onSelect: (option: TypeaheadOption | null) => void;
placeholder?: string;
required?: boolean;
value?: TypeaheadOption | null;
}>;
export default function CompaniesTypeahead({
@ -19,6 +20,7 @@ export default function CompaniesTypeahead({
isLabelHidden,
placeholder,
required,
value,
}: Props) {
const [query, setQuery] = useState('');
const companies = trpc.useQuery([
@ -47,6 +49,7 @@ export default function CompaniesTypeahead({
placeholder={placeholder}
required={required}
textSize="inherit"
value={value}
onQueryChange={setQuery}
onSelect={onSelect}
/>

3
apps/portal/src/components/shared/JobTitlesTypahead.tsx
View File

@ -10,6 +10,7 @@ type Props = Readonly<{
onSelect: (option: TypeaheadOption | null) => void;
placeholder?: string;
required?: boolean;
value?: TypeaheadOption | null;
}>;
export default function JobTitlesTypeahead({
@ -18,6 +19,7 @@ export default function JobTitlesTypeahead({
isLabelHidden,
placeholder,
required,
value,
}: Props) {
const [query, setQuery] = useState('');
const options = Object.entries(JobTitleLabels)
@ -42,6 +44,7 @@ export default function JobTitlesTypeahead({
placeholder={placeholder}
required={required}
textSize="inherit"
value={value}
onQueryChange={setQuery}
onSelect={onSelect}
/>

6
packages/ui/src/Typeahead/Typeahead.tsx
View File

@ -37,7 +37,7 @@ type Props = Readonly<{
onSelect: (option: TypeaheadOption | null) => void;
options: ReadonlyArray<TypeaheadOption>;
textSize?: TypeaheadTextSize;
value?: TypeaheadOption;
value?: TypeaheadOption | null;
}> &
Readonly<Attributes>;
@ -90,6 +90,8 @@ export default function Typeahead({
return (
<div>
<Combobox
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
by="id"
disabled={disabled}
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
@ -104,7 +106,7 @@ export default function Typeahead({
onChange={(newValue) => {
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
onSelect(newValue as TypeaheadOption);
onSelect(newValue as TypeaheadOption | null);
}}>
<Combobox.Label
className={clsx(