From 404afa2734cfbc1512fc542e0da880afd8573307 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 29 Mar 2024 12:32:37 +0200
Subject: [PATCH] Made global variables removing more obvious

---
 .../src/components/inputComponent/index.tsx   | 31 ++++++++++++++-----
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/components/inputComponent/index.tsx b/src/frontend/src/components/inputComponent/index.tsx
index 0506f0154..f4500a266 100644
--- a/src/frontend/src/components/inputComponent/index.tsx
+++ b/src/frontend/src/components/inputComponent/index.tsx
@@ -120,7 +120,10 @@ export default function InputComponent({
                     : "",
                   editNode ? " input-edit-node " : "",
                   password && setSelectedOption ? "pr-16" : "",
-                  (!password && setSelectedOption) || (password && !setSelectedOption) ? "pr-8" : "",
+                  (!password && setSelectedOption) ||
+                    (password && !setSelectedOption)
+                    ? "pr-8"
+                    : "",
 
                   className!
                 )}
@@ -184,18 +187,32 @@ export default function InputComponent({
                           setShowOptions(false);
                         }}
                       >
-                        <div className="flex w-full items-center justify-between">
+                        <div className="group flex w-full items-center justify-between">
                           <div className="flex items-center">
-                            <ForwardedIconComponent
-                              name="Check"
+                            <div
                               className={cn(
-                                "mr-2 h-4 w-4 text-primary",
+                                "relative mr-2 h-4 w-4",
                                 selectedOption === option
                                   ? "opacity-100"
                                   : "opacity-0"
                               )}
-                              aria-hidden="true"
-                            />
+                            >
+                              <div className="absolute opacity-100 transition-all group-hover:opacity-0">
+                                <ForwardedIconComponent
+                                  name="Check"
+                                  className="mr-2 h-4 w-4 text-primary"
+                                  aria-hidden="true"
+                                />
+                              </div>
+                              <div className="absolute opacity-0 transition-all group-hover:opacity-100">
+                                <ForwardedIconComponent
+                                  name="X"
+                                  className="mr-2 h-4 w-4 text-status-red"
+                                  aria-hidden="true"
+                                />
+                              </div>
+                            </div>
+
                             {option}
                           </div>
                           {optionButton && optionButton(option)}