From 0d5d89a1c8d9c6ed827f10dc6959e20b41b88ac8 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Tue, 17 May 2022 17:58:51 -0700
Subject: [PATCH] Fix empty state for text field

---
 .../chat/ChatTextField/ChatTextField.tsx         | 16 +---------------
 web/components/ui/Sidebar/Sidebar.tsx            |  4 ++--
 2 files changed, 3 insertions(+), 17 deletions(-)

diff --git a/web/components/chat/ChatTextField/ChatTextField.tsx b/web/components/chat/ChatTextField/ChatTextField.tsx
index 8c7d9702f..2ce05d617 100644
--- a/web/components/chat/ChatTextField/ChatTextField.tsx
+++ b/web/components/chat/ChatTextField/ChatTextField.tsx
@@ -104,16 +104,6 @@ export default function ChatTextField(props: Props) {
   const [editor] = useState(() => withImages(withReact(createEditor())));
 
   const size = 'small';
-  const EMPTY_VALUE = [
-    {
-      type: 'paragraph',
-      children: [
-        {
-          text: '',
-        },
-      ],
-    },
-  ];
 
   const sendMessage = () => {
     if (!websocketService) {
@@ -154,11 +144,7 @@ export default function ChatTextField(props: Props) {
 
   return (
     <div className={s.root}>
-      <Slate
-        editor={editor}
-        value={[{ type: 'span', children: [{ text: 'hey' }] }]}
-        onChange={handleChange}
-      >
+      <Slate editor={editor} value={[]} onChange={handleChange}>
         <Editable
           onKeyDown={onKeyDown}
           renderElement={p => <Element {...p} />}
diff --git a/web/components/ui/Sidebar/Sidebar.tsx b/web/components/ui/Sidebar/Sidebar.tsx
index 39f921ac2..1baabc17f 100644
--- a/web/components/ui/Sidebar/Sidebar.tsx
+++ b/web/components/ui/Sidebar/Sidebar.tsx
@@ -26,8 +26,8 @@ export default function Sidebar() {
       <div className={s.chatHeader}>
         <span>stream chat</span>
       </div>
-        <ChatContainer messages={messages} state={chatState} />
-        <ChatTextField />
+      <ChatContainer messages={messages} state={chatState} />
+      <ChatTextField />
     </Sider>
   );
 }