Update views/replies chevron in story viewer

This commit is contained in:
Josh Perez 2022-07-28 20:15:20 -04:00 committed by GitHub
parent e1b60b927a
commit f09e6dcc7d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 22 additions and 7 deletions

View file

@ -5,12 +5,13 @@ import type { Meta, Story } from '@storybook/react';
import React from 'react';
import type { PropsType } from './StoryViewer';
import { StoryViewer } from './StoryViewer';
import enMessages from '../../_locales/en/messages.json';
import { setupI18n } from '../util/setupI18n';
import { getDefaultConversation } from '../test-both/helpers/getDefaultConversation';
import { SendStatus } from '../messages/MessageSendState';
import { StoryViewer } from './StoryViewer';
import { fakeAttachment } from '../test-both/helpers/fakeAttachment';
import { getDefaultConversation } from '../test-both/helpers/getDefaultConversation';
import { getFakeStoryView } from '../test-both/helpers/getFakeStory';
import { setupI18n } from '../util/setupI18n';
const i18n = setupI18n('en', enMessages);
@ -135,7 +136,20 @@ export const YourStory = Template.bind({});
...storyView.sender,
isMe: true,
},
sendState: [],
sendState: [
{
recipient: getDefaultConversation(),
status: SendStatus.Viewed,
},
{
recipient: getDefaultConversation(),
status: SendStatus.Delivered,
},
{
recipient: getDefaultConversation(),
status: SendStatus.Pending,
},
],
},
};
YourStory.storyName = 'Your story';

View file

@ -610,7 +610,7 @@ export const StoryViewer = ({
))}
</div>
<div className="StoryViewer__actions">
{canReply && (
{(canReply || sendState) && (
<button
className="StoryViewer__reply"
onClick={() => setHasStoryViewsNRepliesModal(true)}