chat story controls (#2181)

* chat story controls

* Prettified Code!

Co-authored-by: juliana-mol <juliana-mol@users.noreply.github.com>
This commit is contained in:
juliana-mol 2022-10-09 20:25:48 +02:00 committed by GitHub
parent 6cafc9697e
commit 9f2aa66527
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -34,12 +34,7 @@ const AddMessagesChatExample = args => {
<button type="button" onClick={() => setChatMessages([...chatMessages, chatMessages[0]])}> <button type="button" onClick={() => setChatMessages([...chatMessages, chatMessages[0]])}>
Add message Add message
</button> </button>
<ChatContainer <ChatContainer {...args} />
messages={chatMessages}
usernameToHighlight="testuser"
chatUserId="testuser"
isModerator={false}
/>
</div> </div>
</RecoilRoot> </RecoilRoot>
); );
@ -51,10 +46,18 @@ export const Example = Template.bind({});
Example.args = { Example.args = {
loading: false, loading: false,
messages, messages,
usernameToHighlight: 'testuser',
chatUserId: 'testuser',
isModerator: true,
showInput: true,
}; };
export const SingleMessage = Template.bind({}); export const SingleMessage = Template.bind({});
SingleMessage.args = { SingleMessage.args = {
loading: false, loading: false,
messages: [messages[0]], messages: [messages[0]],
usernameToHighlight: 'testuser',
chatUserId: 'testuser',
isModerator: true,
showInput: true,
}; };