Adding chat window.

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

@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function ChatWindowComponent() {
+  return <div>Chat Windows and more</div>;
+}

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

@@ -0,0 +1,18 @@
+import React, { useState } from "react";
+import ChatWindowComponent from "./chat-window.component";
+import { Button } from "antd";
+
+export default function ChatWindowContainer() {
+  const [visible, setVisible] = useState(false);
+  return (
+    <div style={{ position: "absolute", zIndex: 1000 }}>
+      {visible ? <ChatWindowComponent /> : null}
+      <Button
+        onClick={() => {
+          setVisible(!visible);
+        }}>
+        Open!
+      </Button>
+    </div>
+  );
+}

client/src/components/footer/footer.component.jsx

@@ -1,5 +1,6 @@
-import React from "react";
-import { Row, Col } from "antd";
+import React, { useState } from "react";
+import { Row, Col, Button } from "antd";
+import ChatWindowContainer from "../chat-window/chat-window.container";
 
 export default function FooterComponent() {
   return (