diff --git a/src/components/Common/UserAutocompleteFormField.tsx b/src/components/Common/UserAutocompleteFormField.tsx index a82174ac25d..626e0cca10f 100644 --- a/src/components/Common/UserAutocompleteFormField.tsx +++ b/src/components/Common/UserAutocompleteFormField.tsx @@ -81,6 +81,7 @@ export default function UserAutocomplete(props: UserSearchProps) { optionLabel={formatName} optionIcon={userOnlineDot} optionImage={(option) => option.read_profile_picture_url} + avatar optionDescription={(option) => `${option.user_type} - ${option.username}` } diff --git a/src/components/Form/FormFields/Autocomplete.tsx b/src/components/Form/FormFields/Autocomplete.tsx index 9c9537a7901..e7f53988fce 100644 --- a/src/components/Form/FormFields/Autocomplete.tsx +++ b/src/components/Form/FormFields/Autocomplete.tsx @@ -87,6 +87,7 @@ type AutocompleteProps = { isLoading?: boolean; allowRawInput?: boolean; error?: string; + avatar?: boolean; } & ( | { required?: false; @@ -244,11 +245,13 @@ export const Autocomplete = (props: AutocompleteProps) => {
- + {(option.image || props.avatar) && ( + + )} {option.icon}