From 2a941f643c7678bfa1f0dabd6f8cfb628eacac29 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Wed, 31 Jan 2024 14:24:01 -0600
Subject: [PATCH] more

---
 src/Components/Case/CaseTypePage.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/Components/Case/CaseTypePage.js b/src/Components/Case/CaseTypePage.js
index c8ca537..a6e92e4 100644
--- a/src/Components/Case/CaseTypePage.js
+++ b/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>