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