Working Changes

client/src/components/chat-window/chat-window.component.jsx

@@ -1,5 +1,10 @@
 import React from "react";
-import { Drawer } from "antd";
-export default function ChatWindowComponent({ ...drawerProps }) {
-  return <Drawer {...drawerProps}>Chat Windows and more</Drawer>;
+
+export default function ChatWindowComponent({ toggleChatVisible }) {
+  return (
+    <div style={{ height: "300px" }}>
+      <button onClick={() => toggleChatVisible()}>hide</button> This is a chat
+      window!
+    </div>
+  );
 }

client/src/components/chat-window/chat-window.container.jsx

@@ -1,4 +1,3 @@
-import { Layout } from "antd";
 import React from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -18,17 +17,8 @@ export default connect(
   mapStateToProps,
   mapDispatchToProps
 )(function ChatWindowContainer({ chatVisible, toggleChatVisible }) {
-  return (
-    <Layout.Sider
-      collapsible
-      defaultCollapsed
-      theme="light"
-      collapsedWidth={0}
-      width={300}
-      collapsed={!chatVisible}
-      onCollapse={(collapsed, type) => toggleChatVisible()}
-    >
-      <ChatWindowComponent mask={false} maskClosable={false} zIndex={0} />
-    </Layout.Sider>
-  );
+  if (chatVisible)
+    return <ChatWindowComponent toggleChatVisible={toggleChatVisible} />;
+
+  return <div onClick={() => toggleChatVisible()}>Chat</div>;
 });