From ea953a2bf52660094388eec1df843592296498d3 Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Sun, 6 Feb 2022 17:26:36 -0800
Subject: [PATCH] Update ViewConvo.tsx

---
 .../web/components/MainTabsOrPages/ViewConvo.tsx  | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/web/components/MainTabsOrPages/ViewConvo.tsx b/packages/web/components/MainTabsOrPages/ViewConvo.tsx
index 327d78b..c130e4d 100644
--- a/packages/web/components/MainTabsOrPages/ViewConvo.tsx
+++ b/packages/web/components/MainTabsOrPages/ViewConvo.tsx
@@ -47,6 +47,7 @@ import { firestoreDb as db } from "../../services/firebaseService";
 import Collections from "@nirvana/common/services/collections";
 import TimelineAudioClip from "../Conversations/TimelineAudioClip";
 import Modal from "antd/lib/modal/Modal";
+import { configure } from "react-hotkeys";
 
 const testDrawerItems: {
   linkType: LinkType;
@@ -185,6 +186,11 @@ export default function ViewConvo(props: { conversationId: string }) {
     setCurrConvoModal(ConvoModal.na);
   };
 
+  // to allow not having commands while editing the input
+  configure({
+    ignoreTags: ["input", "select", "textarea"],
+  });
+
   const handleEditTldr = () => {
     console.log("updating tldr with modal");
   };
@@ -219,6 +225,10 @@ export default function ViewConvo(props: { conversationId: string }) {
     setIsSubmitting(false);
   };
 
+  const handleAdminEdit = () => {
+    toast("Coming soon!");
+  };
+
   return (
     <>
       {/* <Modal
@@ -246,7 +256,10 @@ export default function ViewConvo(props: { conversationId: string }) {
                   {convo?.name}
                 </span>
 
-                <span className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200 group-hover:visible invisible">
+                <span
+                  onClick={handleAdminEdit}
+                  className="p-2 rounded-full hover:cursor-pointer hover:bg-slate-200 group-hover:visible invisible"
+                >
                   <FaEdit className="ml-auto text-md text-slate-400" />
                 </span>
               </span>