diff --git a/app/soapbox/features/chats/components/chat-list.tsx b/app/soapbox/features/chats/components/chat-list.tsx index abe182f21..40834e953 100644 --- a/app/soapbox/features/chats/components/chat-list.tsx +++ b/app/soapbox/features/chats/components/chat-list.tsx @@ -1,10 +1,11 @@ import classNames from 'clsx'; import React, { useRef, useState } from 'react'; +import { FormattedMessage } from 'react-intl'; import { Virtuoso } from 'react-virtuoso'; import { fetchChats } from 'soapbox/actions/chats'; import PullToRefresh from 'soapbox/components/pull-to-refresh'; -import { Spinner, Stack } from 'soapbox/components/ui'; +import { Spinner, Stack, Text } from 'soapbox/components/ui'; import PlaceholderChat from 'soapbox/features/placeholder/components/placeholder-chat'; import { useAppDispatch } from 'soapbox/hooks'; import { useChats, useChatSilences } from 'soapbox/queries/chats'; @@ -37,13 +38,35 @@ const ChatList: React.FC = ({ onClickChat, useWindowScroll = false, s const handleRefresh = () => dispatch(fetchChats()); - const renderEmpty = () => ( - - - - - - ); + const renderEmpty = () => { + if (isFetching) { + return ( + + + + + + ); + } else { + return ( + + + + + + + + + + ); + } + }; return (