Working Changes

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>;
 });