From 9f2aa66527345fd046855f23aa3d02d8b8d7372a Mon Sep 17 00:00:00 2001
From: juliana-mol <114853508+juliana-mol@users.noreply.github.com>
Date: Sun, 9 Oct 2022 20:25:48 +0200
Subject: [PATCH] chat story controls (#2181)

* chat story controls

* Prettified Code!

Co-authored-by: juliana-mol <juliana-mol@users.noreply.github.com>
---
 .../chat/ChatContainer/ChatContainer.stories.tsx  | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/web/components/chat/ChatContainer/ChatContainer.stories.tsx b/web/components/chat/ChatContainer/ChatContainer.stories.tsx
index 220f6d754..11be540ac 100644
--- a/web/components/chat/ChatContainer/ChatContainer.stories.tsx
+++ b/web/components/chat/ChatContainer/ChatContainer.stories.tsx
@@ -34,12 +34,7 @@ const AddMessagesChatExample = args => {
         <button type="button" onClick={() => setChatMessages([...chatMessages, chatMessages[0]])}>
           Add message
         </button>
-        <ChatContainer
-          messages={chatMessages}
-          usernameToHighlight="testuser"
-          chatUserId="testuser"
-          isModerator={false}
-        />
+        <ChatContainer {...args} />
       </div>
     </RecoilRoot>
   );
@@ -51,10 +46,18 @@ export const Example = Template.bind({});
 Example.args = {
   loading: false,
   messages,
+  usernameToHighlight: 'testuser',
+  chatUserId: 'testuser',
+  isModerator: true,
+  showInput: true,
 };
 
 export const SingleMessage = Template.bind({});
 SingleMessage.args = {
   loading: false,
   messages: [messages[0]],
+  usernameToHighlight: 'testuser',
+  chatUserId: 'testuser',
+  isModerator: true,
+  showInput: true,
 };