diff --git a/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx b/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx index 97d1d4f56..e4f779f38 100644 --- a/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx +++ b/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx @@ -28,7 +28,7 @@ const ListMembersForm: React.FC = ({ listId }) => { const [searchValue, setSearchValue] = useState(''); - const { data: accountIds = [] } = useListAccounts(listId); + const { data: accountIds = [], isFetching } = useListAccounts(listId); const { data: searchAccountIds = [] } = useAccountSearch(searchValue, { following: true, limit: 5, @@ -47,7 +47,7 @@ const ListMembersForm: React.FC = ({ listId }) => { return ( {accountIds.length > 0 ? ( -
+
@@ -63,13 +63,19 @@ const ListMembersForm: React.FC = ({ listId }) => { ))}
+ ) : isFetching ? ( +
+ +
) : ( - - - +
+ + + +
)}