more

src/Components/Case/CaseTypePage.js

@@ -72,7 +72,6 @@ const CaseTypePage = ({ caseData }) => {
   };
 
   const setSelectedTag = (item) => {
-    console.log("item in setSelectedTag ---------------------->", item);
     const temp = [...selectedCaseTags, item.tagName];
     setSelectedCaseTags(temp);
     console.log("selectedCaseTags", selectedCaseTags);
@@ -85,8 +84,14 @@ const CaseTypePage = ({ caseData }) => {
     return hasErrors ? null : objectMap(({ value }) => value, newData);
   };
 
-  const handleTagClick = () => {
-    console.log("handleTagClick");
+  const handleTagClick = (clickedTag) => {
+    console.log("handleTagClick tag", clickedTag);
+    console.log("selectedCaseTags", selectedCaseTags);
+    const temp = selectedCaseTags;
+    const foo = temp.filter((tag) => {
+      if (tag != clickedTag) return tag;
+    });
+    setSelectedCaseTags(foo);
   };
 
   const ButtonContent = () => {
@@ -145,7 +150,10 @@ const CaseTypePage = ({ caseData }) => {
               {selectedCaseTags.map((tag, i) => (
                 <div className="tag-container">
                   <div className="tag-box">
-                    <div className="tag-ex-box" onClick={handleTagClick}>
+                    <div
+                      className="tag-ex-box"
+                      onClick={() => handleTagClick(tag)}
+                    >
                       <div className="tag-ex"> x</div>
                     </div>
                     <div className="casetag-name">{tag}</div>