fix(tags): fix tag modal

dataesr · Oct 9, 2024 · 1ab2b65 · 1ab2b65
1 parent 5464f0c
commit 1ab2b65
Showing 1 changed file with 17 additions and 2 deletions.
diff --git a/client/src/components/edit-modal/index.tsx b/client/src/components/edit-modal/index.tsx
@@ -25,6 +25,8 @@ const EditModal: React.FC<EditModalProps> = ({
 }) => {
   const [showProfileModal, setShowProfileModal] = useState(false);
   const [selectedProfile] = useState(localStorage.getItem("selectedProfile"));
+  const [showTagModal, setShowTagModal] = useState(false);
+
   const [inputs, setInputs] = useState<Inputs>({
     team: [selectedProfile],
     status: "treated",
@@ -34,7 +36,6 @@ const EditModal: React.FC<EditModalProps> = ({
   });
   const [filteredTags, setFilteredTags] = useState<string[]>([]);
   const [tagInput, setTagInput] = useState("");
-  const [showTagModal] = useState(false);
 
   let basePath = "contacts";
 
@@ -149,6 +150,9 @@ const EditModal: React.FC<EditModalProps> = ({
       setTagInput("");
     }
   };
+  const handleOpenTagModal = () => {
+    setShowTagModal(true);
+  };
 
   const handleTagRemove = (tagToRemove: string) => {
     handleInputChange(
@@ -208,6 +212,14 @@ const EditModal: React.FC<EditModalProps> = ({
               ))}
             </Col>
           </Row>
+          <Button
+            onClick={handleOpenTagModal}
+            variant="secondary"
+            size="sm"
+            className="fr-mt-2w"
+          >
+            Sélectionner des tags
+          </Button>
           <Row gutters>
             <Col md="6">
               <TextArea
@@ -247,7 +259,10 @@ const EditModal: React.FC<EditModalProps> = ({
       <TagSelectionModal
         isOpen={showTagModal}
         allTags={filteredTags}
-        onClose={(selectedTags) => handleInputChange("tags", selectedTags)}
+        onClose={(selectedTags) => {
+          handleInputChange("tags", selectedTags);
+          setShowTagModal(false);
+        }}
       />
     </>
   );