refactor/BibimMandu-IssueTacker#146: 드롭다운 인디케이터 리팩토링

FE/src/components/DropdownIndicator/DropdownIndicator.tsx

@@ -1,15 +1,11 @@
 import { styled } from "styled-components";
-import DropdownPanel from "../DropdownPanel/DropdownPanel";
-import { useEffect, useState } from "react";
-import { AssigneesProps } from "../../type";
 
 type Props = {
   icon?: string;
   label: string;
   padding?: string;
   width?: string;
   height?: string;
-  hasDropdown?: boolean;
 };
 
 export default function DropdownIndicator({
@@ -18,51 +14,11 @@ export default function DropdownIndicator({
   padding = "4px 0px",
   width = "80px",
   height = "32px",
-  hasDropdown = false,
 }: Props) {
-  const [isOpen, setIsOpen] = useState<boolean>(false);
-  const [assigneesData, setAssigneesData] = useState<AssigneesProps>();
-
-  const openDropdown = () => {
-    setIsOpen(true);
-  };
-
-  const closeDropdown = () => {
-    setIsOpen(false);
-  };
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const response = await fetch(
-          "http://3.34.141.196/api/issues/assignees",
-        );
-        const data = await response.json();
-        setAssigneesData(data);
-      } catch (error) {
-        console.log("error");
-      }
-    };
-
-    fetchData();
-  }, []);
-
   return (
-    <IndicatorButton
-      $padding={padding}
-      $width={width}
-      $height={height}
-      onClick={openDropdown}
-    >
+    <IndicatorButton $padding={padding} $width={width} $height={height}>
       <IndicatorLabel>{label}</IndicatorLabel>
       <IndicatorIcon src={`/icons/${icon}.svg`} />
-      {hasDropdown && isOpen && (
-        <DropdownPanel
-          title={label}
-          assigneesList={assigneesData!}
-          closeDropdown={closeDropdown}
-        />
-      )}
     </IndicatorButton>
   );
 }