From e8a2186ae46aa54a00766c9a526b94612fd102c9 Mon Sep 17 00:00:00 2001
From: pmoharana-cmd <pmoharana032474@gmail.com>
Date: Sat, 4 Jan 2025 13:28:16 -0500
Subject: [PATCH] Reset tags whenever new item is created

---
 compass/components/Drawer/CreateDrawer.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/compass/components/Drawer/CreateDrawer.tsx b/compass/components/Drawer/CreateDrawer.tsx
index 1554b6b..0507e0c 100644
--- a/compass/components/Drawer/CreateDrawer.tsx
+++ b/compass/components/Drawer/CreateDrawer.tsx
@@ -20,11 +20,14 @@ const CreateDrawer: FunctionComponent<CreateDrawerProps> = ({
     const [isOpen, setIsOpen] = useState(false);
     const [isFull, setIsFull] = useState(false);
     const [newItemContent, setNewItemContent] = useState<any>({});
+    const [renderKey, setRenderKey] = useState(0);
 
     const handleContentChange = (
         e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
     ) => {
         const { name, value } = e.target;
+        console.log(newItemContent);
+        console.log(Object.keys(newItemContent).length);
         setNewItemContent((prev: any) => ({
             ...prev,
             [name]: value,
@@ -52,6 +55,9 @@ const CreateDrawer: FunctionComponent<CreateDrawerProps> = ({
         if (isFull) {
             setIsFull(!isFull);
         }
+        if (!isOpen) {
+            setRenderKey((prev) => prev + 1);
+        }
     };
 
     const toggleDrawerFullScreen = () => setIsFull(!isFull);
@@ -106,6 +112,7 @@ const CreateDrawer: FunctionComponent<CreateDrawerProps> = ({
                                     initializeSelectField(detail.key);
                                     inputField = (
                                         <TagsInput
+                                            key={`${detail.key}-${renderKey}`}
                                             presetValue={[]}
                                             presetOptions={
                                                 detail.presetOptionsValues || []