moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix loading state for chat-list

This commit is contained in:
Justin 2022-09-23 09:24:20 -04:00
parent 7335a3a0d3
commit 641bf1268d
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/soapbox/features/chats/components/chat-pane/chat-pane.tsx
View File

@ -24,7 +24,7 @@ const ChatPane = () => {
const debouncedValue = debounce(value as string, 300);
const { chat, setChat, isOpen, isSearching, setSearching, toggleChatPane } = useChatContext();
const { chatsQuery: { data: chats } } = useChats(debouncedValue);
const { chatsQuery: { data: chats, isLoading } } = useChats(debouncedValue);
const unreadCount = sumBy(chats, (chat) => chat.unread);
@ -42,7 +42,7 @@ const ChatPane = () => {
};
const renderBody = () => {
if (hasSearchValue || Number(chats?.length) > 0) {
if (hasSearchValue || Number(chats?.length) > 0 || isLoading) {
return (
<Stack space={4} className='flex-grow h-full'>
{features.chatsSearch && (
@ -55,7 +55,7 @@ const ChatPane = () => {
</div>
)}
{Number(chats?.length) > 0 ? (
{(Number(chats?.length) > 0 || isLoading) ? (
<ChatList
searchValue={debouncedValue}
onClickChat={handleClickChat}