mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

New styles for various empty states

Browse source
This commit is contained in:
Fedor Indutny 2024-08-13 16:34:42 -07:00 • committed by GitHub
parent 74b90a5cdd
commit d70aa55a78
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
18 changed files with 295 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

13
ts/components/StoriesPane.tsx
View file

@ -18,7 +18,7 @@ import { MyStoryButton } from './MyStoryButton';
import { SearchInput } from './SearchInput';
import { StoryListItem } from './StoryListItem';
import { isNotNil } from '../util/isNotNil';
import { NavSidebarSearchHeader } from './NavSidebar';
import { NavSidebarSearchHeader, NavSidebarEmpty } from './NavSidebar';
const FUSE_OPTIONS: Fuse.IFuseOptions<ConversationStoryType> = {
getFn: (story, path) => {
@ -104,6 +104,12 @@ export function StoriesPane({
}, [searchTerm, stories]);
return (
<>
{!stories.length && (
<NavSidebarEmpty
title={i18n('icu:Stories__list__empty--title')}
subtitle={i18n('icu:Stories__list__empty--subtitle')}
/>
)}
<NavSidebarSearchHeader>
<SearchInput
i18n={i18n}
@ -180,11 +186,6 @@ export function StoriesPane({
))}
</>
)}
{!stories.length && (
<div className="Stories__pane__list--empty">
{i18n('icu:Stories__list-empty')}
</div>
)}
</div>
</>
);