From 7033c79ebb03397d8a3f57e0412d609b440623aa Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Sun, 16 Jan 2022 15:44:18 -0800
Subject: [PATCH] showing modal for creating room

---
 components/Dashboard/Rooms.tsx          |  4 ++++
 components/Modals/CreateRoom.tsx        | 17 +++++++++++++++++
 components/{ => Modals}/PowerPlayer.tsx |  2 +-
 contexts/audioContext.tsx               |  2 +-
 4 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 components/Modals/CreateRoom.tsx
 rename components/{ => Modals}/PowerPlayer.tsx (98%)

diff --git a/components/Dashboard/Rooms.tsx b/components/Dashboard/Rooms.tsx
index fab4cf7..daacd00 100644
--- a/components/Dashboard/Rooms.tsx
+++ b/components/Dashboard/Rooms.tsx
@@ -4,6 +4,7 @@ import { FaAngleDown, FaBell, FaClock, FaPlus, FaLink } from "react-icons/fa";
 import { IoTimer } from "react-icons/io5";
 import { BsThreeDots } from "react-icons/bs";
 import Image from "next/image";
+import CreateRoom from "../Modals/CreateRoom";
 
 enum RoomTypeFilter {
   all = "all",
@@ -34,6 +35,9 @@ export default function DashboardRoom() {
 
   return (
     <section className="p-5 flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md">
+      {/*  modal for creating room */}
+      <CreateRoom show={true} />
+
       {/* header */}
       <span className="flex flex-row justify-end space-x-3 pb-5 items-center">
         <span className="text-white mr-auto">
diff --git a/components/Modals/CreateRoom.tsx b/components/Modals/CreateRoom.tsx
new file mode 100644
index 0000000..eaf6883
--- /dev/null
+++ b/components/Modals/CreateRoom.tsx
@@ -0,0 +1,17 @@
+import { Modal } from "antd";
+
+export default function CreateRoom({ show }) {
+  return (
+    <Modal
+      title="Create Room"
+      centered
+      visible={show}
+      // onOk={() => this.setModal2Visible(false)}
+      // onCancel={() => this.setModal2Visible(false)}
+    >
+      <p>some contents...</p>
+      <p>some contents...</p>
+      <p>some contents...</p>
+    </Modal>
+  );
+}
diff --git a/components/PowerPlayer.tsx b/components/Modals/PowerPlayer.tsx
similarity index 98%
rename from components/PowerPlayer.tsx
rename to components/Modals/PowerPlayer.tsx
index aec58cf..75ae69e 100644
--- a/components/PowerPlayer.tsx
+++ b/components/Modals/PowerPlayer.tsx
@@ -1,5 +1,5 @@
 import { Modal, Tooltip } from "antd";
-import { Message } from "../models/message";
+import { Message } from "../../models/message";
 import { FaBackward } from "react-icons/fa";
 
 export default function PowerPlayer(props: { messages: Message[] }) {
diff --git a/contexts/audioContext.tsx b/contexts/audioContext.tsx
index 1bd8fe5..bd36c9f 100644
--- a/contexts/audioContext.tsx
+++ b/contexts/audioContext.tsx
@@ -7,7 +7,7 @@ import { v4 as uuidv4 } from "uuid";
 import AudioPlayer from "react-h5-audio-player";
 import "react-h5-audio-player/lib/styles.css";
 import CloudStorageService from "../services/cloudStorageService";
-import PowerPlayer from "../components/PowerPlayer";
+import PowerPlayer from "../components/Modals/PowerPlayer";
 import { Message } from "../models/message";
 import { useAuth } from "./authContext";
 import { SendService } from "../services/sendService";