refact: dropdown 컴포넌트명 PascalCase로 변경

LikeLion-KNU · Sep 4, 2024 · def6482 · def6482
1 parent a1324a9
commit def6482
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/src/components/form/Dropdown.style.ts b/src/components/form/Dropdown.style.ts
@@ -1,13 +1,13 @@
 import styled from "@emotion/styled";
 import { Dropdown } from "primereact/dropdown";
 
-interface DropdownProps {
+interface DropDownProps {
     color: string;
     width: string;
     height: string;
 }
 
-export const DropdownWrapper = styled.div<DropdownProps>`
+export const DropDownWrapper = styled.div<DropDownProps>`
     display: flex;
     border-radius: 12px;
     justify-content: center;
@@ -27,7 +27,7 @@ export const DropdownWrapper = styled.div<DropdownProps>`
     width: ${(props) => props.width};
 `;
 
-export const DropdownContainer = styled(Dropdown)`
+export const DropDownContainer = styled(Dropdown)`
     width: 100%;
     font-size: 15px;
     justify-content: center;

diff --git a/src/components/form/Dropdown.tsx b/src/components/form/Dropdown.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { DropdownWrapper, DropdownContainer, LabelContainer } from "./Dropdown.style";
+import { DropDownWrapper, DropDownContainer, LabelContainer } from "./DropDown.style";
 
 interface DropdownProps {
     color: string;
@@ -10,7 +10,7 @@ interface DropdownProps {
     setSelectedMajor: React.Dispatch<React.SetStateAction<string>>;
 }
 
-export default function dropdown({ color, width, height, selectedMajor, setSelectedMajor }: DropdownProps) {
+export default function DropDown({ color, width, height, selectedMajor, setSelectedMajor }: DropdownProps) {
     const majors = [
         { label: "📖 인문대학", value: "인문대학" },
         { label: "📋 사회과학대학", value: "사회과학대학" },
@@ -35,15 +35,15 @@ export default function dropdown({ color, width, height, selectedMajor, setSelec
     ];
 
     return (
-        <DropdownWrapper color={color} width={width} height={height}>
-            <DropdownContainer
+        <DropDownWrapper color={color} width={width} height={height}>
+            <DropDownContainer
                 value={selectedMajor}
                 onChange={(e) => setSelectedMajor(e.value)}
                 options={majors}
                 optionLabel="label"
                 placeholder="단과 대학을 선택하세용"
                 itemTemplate={(option) => <LabelContainer color={color}>{option.label}</LabelContainer>}
             />
-        </DropdownWrapper>
+        </DropDownWrapper>
     );
 }
diff --git a/src/pages/AnalyticsPage.tsx b/src/pages/AnalyticsPage.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useNavigate } from "react-router-dom";
 
-import Dropdown from "@/components/form/Dropdown";
+import DropDown from "@/components/form/DropDown";
 import { AppBar } from "@/components/navigation/AppBar";
 import { Text } from "@/components/typography";
 
@@ -45,7 +45,7 @@ export default function AnalyticsPage() {
 
             <TitleContainer>
                 <TitleTop>
-                    <Dropdown
+                    <DropDown
                         color="secondary"
                         width="100%"
                         height="40px"

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
@@ -3,7 +3,7 @@ import { useNavigate } from "react-router-dom";
 
 import Footer from "@/components/display/Footer";
 import { Button } from "@/components/form/Button";
-import Dropdown from "@/components/form/Dropdown";
+import DropDown from "@/components/form/DropDown";
 import { Input } from "@/components/form/Input";
 import { SideBar } from "@/components/navigation/SideBar";
 import { Text } from "@/components/typography/Text";
@@ -86,7 +86,7 @@ export default function HomePage() {
                         value={name}
                         onChange={(e) => setName(e.currentTarget.value)}
                     />
-                    <Dropdown
+                    <DropDown
                         color="primary"
                         width="242px"
                         height="30px"