🚨 Fix(#319): Dropdown menu 텍스트 외 영역도 선택 가능하도록 변경

Team-Blitz-Steady · Dec 3, 2023 · 42cbea1 · 42cbea1
1 parent 943c194
commit 42cbea1
Showing 1 changed file with 7 additions and 9 deletions.
diff --git a/src/components/_common/Dropdown/index.tsx b/src/components/_common/Dropdown/index.tsx
@@ -33,18 +33,16 @@ const Dropdown = ({ children, options }: DropdownProps) => {
       </DropdownMenu.Trigger>
       <DropdownMenu.Content onInteractOutside={() => setOpen(false)}>
         {options.map((option, idx) => (
-          <DropdownMenu.Item
+          <Link
+            href={option.linkTo}
+            onClick={() => setOpen(false)}
             key={idx}
             className={"p-0 hover:bg-st-primary"}
           >
-            <Link
-              href={option.linkTo}
-              onClick={() => setOpen(false)}
-              className="flex h-full w-full items-center justify-center"
-            >
-              <div className="p-10">{option.label}</div>
-            </Link>
-          </DropdownMenu.Item>
+            <DropdownMenu.Item className={"cursor-pointer hover:bg-st-primary"}>
+              {option.label}
+            </DropdownMenu.Item>
+          </Link>
         ))}
       </DropdownMenu.Content>
     </DropdownMenu.Root>