refactor: improve SingleEntitySelect empty option (#1543)

Closes #1331

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Thaïs
2023-09-12 02:27:17 +02:00
committed by GitHub
parent a766c60aa5
commit 564a7c97b1
17 changed files with 297 additions and 444 deletions

View File

@ -1,4 +1,5 @@
import { useFilteredSearchEntityQuery } from '@/search/hooks/useFilteredSearchEntityQuery';
import { IconUserCircle } from '@/ui/icon';
import { SingleEntitySelect } from '@/ui/input/relation-picker/components/SingleEntitySelect';
import { relationPickerSearchFilterScopedState } from '@/ui/input/relation-picker/states/relationPickerSearchFilterScopedState';
import { EntityForSelect } from '@/ui/input/relation-picker/types/EntityForSelect';
@ -51,24 +52,17 @@ export function UserPicker({
) {
onSubmit(selectedUser ?? null);
}
const noUser: UserForSelect = {
entityType: Entity.User,
id: '',
name: 'No Owner',
avatarType: 'rounded',
avatarUrl: '',
};
return (
<SingleEntitySelect
width={width}
onEntitySelected={handleEntitySelected}
EmptyIcon={IconUserCircle}
emptyLabel="No Owner"
entitiesToSelect={users.entitiesToSelect}
loading={users.loading}
onCancel={onCancel}
entities={{
loading: users.loading,
entitiesToSelect: users.entitiesToSelect,
selectedEntity: users.selectedEntities[0],
}}
noUser={noUser}
onEntitySelected={handleEntitySelected}
selectedEntity={users.selectedEntities[0]}
width={width}
/>
);
}