Added updating of display name to profile. Added employees table.

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

@@ -1,32 +1,34 @@
-import React, { useState } from "react";
-import ChatWindowComponent from "./chat-window.component";
-import { Button } from "antd";
+import { Layout } from "antd";
+import React from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
-import { selectCurrentUser } from "../../redux/user/user.selectors";
+import { toggleChatVisible } from "../../redux/messaging/messaging.actions";
+import { selectChatVisible } from "../../redux/messaging/messaging.selectors";
+import ChatWindowComponent from "./chat-window.component";
 
 const mapStateToProps = createStructuredSelector({
-  //currentUser: selectCurrentUser
+  chatVisible: selectChatVisible
 });
 
 const mapDispatchToProps = dispatch => ({
-  // signOutStart: () => dispatch(signOutStart())
+  toggleChatVisible: () => dispatch(toggleChatVisible())
 });
 
 export default connect(
   mapStateToProps,
   mapDispatchToProps
-)(function ChatWindowContainer() {
-  const [visible, setVisible] = useState(false);
+)(function ChatWindowContainer({ chatVisible, toggleChatVisible }) {
   return (
-    <div>
-      <Button onClick={() => setVisible(!visible)}>Drawer!</Button>
-      <ChatWindowComponent
-        mask={false}
-        maskClosable={false}
-        visible={visible}
-        zIndex={0}
-      />
-    </div>
+    <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>
   );
 });