Adds playback bar to story viewer

This commit is contained in:
Josh Perez 2022-05-06 15:02:44 -04:00 committed by GitHub
parent 9817946afc
commit 85c8ff76dc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 291 additions and 125 deletions

View file

@ -11,6 +11,7 @@ import { StoryViewer } from '../../components/StoryViewer';
import { ToastMessageBodyTooLong } from '../../components/ToastMessageBodyTooLong';
import {
getEmojiSkinTone,
getHasAllStoriesMuted,
getPreferredReactionEmoji,
} from '../selectors/items';
import { getIntl } from '../selectors/user';
@ -38,7 +39,7 @@ export function SmartStoryViewer({
onPrevUserStories,
}: PropsType): JSX.Element | null {
const storiesActions = useStoriesActions();
const { onSetSkinTone } = useItemsActions();
const { onSetSkinTone, toggleHasAllStoriesMuted } = useItemsActions();
const { onUseEmoji } = useEmojisActions();
const { openConversationInternal, toggleHideStories } =
useConversationsActions();
@ -59,12 +60,16 @@ export function SmartStoryViewer({
const recentEmojis = useRecentEmojis();
const skinTone = useSelector<StateType, number>(getEmojiSkinTone);
const replyState = useSelector(getStoryReplies);
const hasAllStoriesMuted = useSelector<StateType, boolean>(
getHasAllStoriesMuted
);
return (
<StoryViewer
conversationId={conversationId}
getPreferredBadge={getPreferredBadge}
group={group}
hasAllStoriesMuted={hasAllStoriesMuted}
i18n={i18n}
onClose={onClose}
onHideStory={toggleHideStories}
@ -96,6 +101,7 @@ export function SmartStoryViewer({
replyState={replyState}
stories={stories}
skinTone={skinTone}
toggleHasAllStoriesMuted={toggleHasAllStoriesMuted}
{...storiesActions}
/>
);