Hidden stories list/unhide stories
This commit is contained in:
parent
c165bc964a
commit
d776deae01
5 changed files with 84 additions and 14 deletions
|
@ -61,6 +61,7 @@ export type PropsType = {
|
|||
};
|
||||
|
||||
export const StoriesPane = ({
|
||||
hiddenStories,
|
||||
i18n,
|
||||
onBack,
|
||||
onStoryClicked,
|
||||
|
@ -70,6 +71,7 @@ export const StoriesPane = ({
|
|||
toggleHideStories,
|
||||
}: PropsType): JSX.Element => {
|
||||
const [searchTerm, setSearchTerm] = useState('');
|
||||
const [isShowingHiddenStories, setIsShowingHiddenStories] = useState(false);
|
||||
const [renderedStories, setRenderedStories] =
|
||||
useState<Array<ConversationStoryType>>(stories);
|
||||
|
||||
|
@ -127,6 +129,38 @@ export const StoriesPane = ({
|
|||
story={getNewestStory(story)}
|
||||
/>
|
||||
))}
|
||||
{Boolean(hiddenStories.length) && (
|
||||
<>
|
||||
<button
|
||||
className={classNames('Stories__hidden-stories', {
|
||||
'Stories__hidden-stories--expanded': isShowingHiddenStories,
|
||||
})}
|
||||
onClick={() => setIsShowingHiddenStories(!isShowingHiddenStories)}
|
||||
type="button"
|
||||
>
|
||||
{i18n('Stories__hidden-stories')}
|
||||
</button>
|
||||
{isShowingHiddenStories &&
|
||||
hiddenStories.map(story => (
|
||||
<StoryListItem
|
||||
key={getNewestStory(story).timestamp}
|
||||
i18n={i18n}
|
||||
isHidden
|
||||
onClick={() => {
|
||||
onStoryClicked(story.conversationId);
|
||||
}}
|
||||
onHideStory={() => {
|
||||
toggleHideStories(getNewestStory(story).sender.id);
|
||||
}}
|
||||
onGoToConversation={conversationId => {
|
||||
openConversationInternal({ conversationId });
|
||||
}}
|
||||
queueStoryDownload={queueStoryDownload}
|
||||
story={getNewestStory(story)}
|
||||
/>
|
||||
))}
|
||||
</>
|
||||
)}
|
||||
{!stories.length && i18n('Stories__list-empty')}
|
||||
</div>
|
||||
</>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue