diff --git a/front/src/modules/comments/components/CommentThreadRelationPicker.tsx b/front/src/modules/comments/components/CommentThreadRelationPicker.tsx index d772d66ca..66ad701e9 100644 --- a/front/src/modules/comments/components/CommentThreadRelationPicker.tsx +++ b/front/src/modules/comments/components/CommentThreadRelationPicker.tsx @@ -231,6 +231,7 @@ export function CommentThreadRelationPicker({ commentThread }: OwnProps) { entitiesToSelect, filteredSelectedEntities, selectedEntities, + loading: false, // TODO implement skeleton loading }} onItemCheckChange={handleCheckItemChange} onSearchFilterChange={handleFilterChange} diff --git a/front/src/modules/pipeline-progress/components/NewCompanyBoardCard.tsx b/front/src/modules/pipeline-progress/components/NewCompanyBoardCard.tsx index a536dc195..cddc73598 100644 --- a/front/src/modules/pipeline-progress/components/NewCompanyBoardCard.tsx +++ b/front/src/modules/pipeline-progress/components/NewCompanyBoardCard.tsx @@ -42,6 +42,7 @@ export function NewCompanyBoardCard({ onEntitySelect }: OwnProps) { entities={{ entitiesToSelect: companies.entitiesToSelect, selectedEntity: companies.selectedEntities[0], + loading: companies.loading, }} /> ); diff --git a/front/src/modules/relation-picker/components/MultipleEntitySelect.tsx b/front/src/modules/relation-picker/components/MultipleEntitySelect.tsx index b9141ed09..ef8bf5fa5 100644 --- a/front/src/modules/relation-picker/components/MultipleEntitySelect.tsx +++ b/front/src/modules/relation-picker/components/MultipleEntitySelect.tsx @@ -15,6 +15,7 @@ export type EntitiesForMultipleEntitySelect< selectedEntities: CustomEntityForSelect[]; filteredSelectedEntities: CustomEntityForSelect[]; entitiesToSelect: CustomEntityForSelect[]; + loading: boolean; }; export function MultipleEntitySelect< diff --git a/front/src/modules/relation-picker/components/SingleEntitySelectBase.tsx b/front/src/modules/relation-picker/components/SingleEntitySelectBase.tsx index 70b2b8d46..e6d87959a 100644 --- a/front/src/modules/relation-picker/components/SingleEntitySelectBase.tsx +++ b/front/src/modules/relation-picker/components/SingleEntitySelectBase.tsx @@ -18,6 +18,7 @@ export type EntitiesForSingleEntitySelect< > = { selectedEntity: CustomEntityForSelect; entitiesToSelect: CustomEntityForSelect[]; + loading: boolean; }; export function SingleEntitySelectBase< diff --git a/front/src/modules/relation-picker/components/skeletons/CompanyPickerSkeleton.tsx b/front/src/modules/relation-picker/components/skeletons/CompanyPickerSkeleton.tsx index dac861bdb..2c4d37eab 100644 --- a/front/src/modules/relation-picker/components/skeletons/CompanyPickerSkeleton.tsx +++ b/front/src/modules/relation-picker/components/skeletons/CompanyPickerSkeleton.tsx @@ -20,12 +20,16 @@ export const SkeletonEntityName = styled.div` export function CompanyPickerSkeleton({ count }: OwnProps) { const loadSkeletons = Array(count).fill(1); - return loadSkeletons.map((_, i) => ( - - - - - - - )); + return ( + <> + {loadSkeletons.map((_, i) => ( + + + + + + + ))} + + ); } diff --git a/front/src/modules/ui/components/table/table-header/FilterDropdownEntitySearchSelect.tsx b/front/src/modules/ui/components/table/table-header/FilterDropdownEntitySearchSelect.tsx index b3f3874b3..d72152ba0 100644 --- a/front/src/modules/ui/components/table/table-header/FilterDropdownEntitySearchSelect.tsx +++ b/front/src/modules/ui/components/table/table-header/FilterDropdownEntitySearchSelect.tsx @@ -78,6 +78,7 @@ export function FilterDropdownEntitySearchSelect({ entities={{ entitiesToSelect: entitiesForSelect.entitiesToSelect, selectedEntity: entitiesForSelect.selectedEntities[0], + loading: entitiesForSelect.loading, }} onEntitySelected={handleUserSelected} />