From eb120c116e0f45a25069b723f983b435413c505f Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 30 Dec 2024 16:39:14 -0300
Subject: [PATCH] feat: enhance UX with clickable items and simplified
 structure (#5387)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🔧 (dropdownComponent/index.tsx): refactor dropdownComponent to improve code readability and remove unnecessary ShadTooltip component
---
 .../core/dropdownComponent/index.tsx          | 46 +++++++++----------
 1 file changed, 22 insertions(+), 24 deletions(-)

diff --git a/src/frontend/src/components/core/dropdownComponent/index.tsx b/src/frontend/src/components/core/dropdownComponent/index.tsx
index 744a07bfc..9302e9c62 100644
--- a/src/frontend/src/components/core/dropdownComponent/index.tsx
+++ b/src/frontend/src/components/core/dropdownComponent/index.tsx
@@ -131,31 +131,29 @@ export default function Dropdown({
       <CommandEmpty>No values found.</CommandEmpty>
       <CommandGroup defaultChecked={false}>
         {filteredOptions?.map((option, index) => (
-          <ShadTooltip key={index} delayDuration={700} content={option}>
-            <div>
-              <CommandItem
-                value={option}
-                onSelect={(currentValue) => {
-                  onSelect(currentValue);
-                  setOpen(false);
-                }}
-                className="items-center overflow-hidden truncate"
-                data-testid={`${option}-${index}-option`}
-              >
-                {customValue === option && (
-                  <span className="text-muted-foreground">Text:&nbsp;</span>
+          <div>
+            <CommandItem
+              value={option}
+              onSelect={(currentValue) => {
+                onSelect(currentValue);
+                setOpen(false);
+              }}
+              className="items-center overflow-hidden truncate hover:cursor-pointer"
+              data-testid={`${option}-${index}-option`}
+            >
+              {customValue === option && (
+                <span className="text-muted-foreground">Text:&nbsp;</span>
+              )}
+              <span className="truncate">{option}</span>
+              <ForwardedIconComponent
+                name="Check"
+                className={cn(
+                  "ml-auto h-4 w-4 shrink-0 text-primary",
+                  value === option ? "opacity-100" : "opacity-0",
                 )}
-                <span className="truncate">{option}</span>
-                <ForwardedIconComponent
-                  name="Check"
-                  className={cn(
-                    "ml-auto h-4 w-4 shrink-0 text-primary",
-                    value === option ? "opacity-100" : "opacity-0",
-                  )}
-                />
-              </CommandItem>
-            </div>
-          </ShadTooltip>
+              />
+            </CommandItem>
+          </div>
         ))}
       </CommandGroup>
     </CommandList>