From b27a5607d2e2d8d468fcd9b9452150b103e83284 Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Fri, 21 Jan 2022 21:11:58 -0800
Subject: [PATCH] auto room name

---
 components/Modals/CreateOrUpdateRoom.tsx | 34 ++++++++++++++++++++++--
 1 file changed, 32 insertions(+), 2 deletions(-)

diff --git a/components/Modals/CreateOrUpdateRoom.tsx b/components/Modals/CreateOrUpdateRoom.tsx
index 6f55163..afcbf26 100644
--- a/components/Modals/CreateOrUpdateRoom.tsx
+++ b/components/Modals/CreateOrUpdateRoom.tsx
@@ -12,6 +12,7 @@ import { Timestamp } from "firebase/firestore";
 import moment from "moment";
 import React, { useEffect, useState } from "react";
 import toast from "react-hot-toast";
+import { GlobalHotKeys, KeyMap } from "react-hotkeys";
 import { useAuth } from "../../contexts/authContext";
 import {
   ShowModalType,
@@ -151,7 +152,9 @@ export default function CreateOrUpdateRoomModal(props: IModalProps) {
 
   function resetForm() {
     setRoomLink("");
-    setRoomName("");
+    setRoomName(
+      user.firstName + "'s Room - " + moment(new Date()).format("dddd do")
+    );
     setRoomDescription("");
     setMembersSelected([currUser.uid] as string[]);
     setRoomAttachment("");
@@ -164,7 +167,9 @@ export default function CreateOrUpdateRoomModal(props: IModalProps) {
   }
 
   const [roomLink, setRoomLink] = useState<string>(pastedLink ?? "");
-  const [roomName, setRoomName] = useState<string>("");
+  const [roomName, setRoomName] = useState<string>(
+    user.firstName + "'s Room - " + moment(new Date()).format("dddd do")
+  );
   const [roomDescription, setRoomDescription] = useState<string>("");
 
   const [roomAttachment, setRoomAttachment] = useState<string>("");
@@ -221,6 +226,29 @@ export default function CreateOrUpdateRoomModal(props: IModalProps) {
     );
   };
 
+  function createRoomNow() {
+    // show modal
+
+    // enter a google meet link automaticall
+
+    // create a date based room name
+
+    //
+
+    console.log("creating room instantly");
+  }
+
+  const keyMap: KeyMap = {
+    CREATE_ROOM_NOW: {
+      name: "Stop recording",
+      sequence: "q",
+      action: "keyup",
+    },
+  };
+  const handlers = {
+    CREATE_ROOM_NOW: createRoomNow,
+  };
+
   return (
     <Modal
       title="Room Details"
@@ -229,6 +257,8 @@ export default function CreateOrUpdateRoomModal(props: IModalProps) {
       onOk={handleSubmit}
       onCancel={handleCloseModal}
     >
+      <GlobalHotKeys keyMap={keyMap} handlers={handlers} />
+
       <div className="flex flex-col">
         <span className="flex flex-col items-start">
           <span className="text-lg">Link</span>