fix: 추가 버튼의 + 아이콘이 표시되도록 수정

boostcampwm2023 · Aug 27, 2024 · ae7cbb6 · ae7cbb6
1 parent 8fa28ab
commit ae7cbb6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/frontend/src/components/account/TechStackInput.tsx b/frontend/src/components/account/TechStackInput.tsx
@@ -1,6 +1,6 @@
 import { useModal } from "../../hooks/common/modal/useModal";
 import TechStackModal from "./TechStackModal";
-import plus from "../../assets/icons/plus.svg";
+import Plus from "../../assets/icons/plus.svg?react";
 import NextStepButton from "../common/NextStepButton";
 import CategoryButton from "../common/CategoryButton";
 import { WheelEvent } from "react";
@@ -48,7 +48,7 @@ const TechStackInput = ({
             open(<TechStackModal {...{ close, onAddTechStack }} />)
           }
         >
-          <img src={plus} alt="plus" />
+          <Plus width={40} height={40} stroke="white" />
           추가하기
         </button>
         <p className="text-3xl font-semibold text-dark-gray">입니다</p>

diff --git a/frontend/src/components/projects/ProjectList.tsx b/frontend/src/components/projects/ProjectList.tsx
@@ -3,7 +3,7 @@ import { Link } from "react-router-dom";
 import useDropdown from "../../hooks/common/dropdown/useDropdown";
 import { ProjectCard } from ".";
 import { PROJECT_SORT_OPTION } from "../../constants/projects";
-import plus from "../../assets/icons/plus.svg";
+import Plus from "../../assets/icons/plus.svg?react";
 import { ProjectDTO } from "../../types/DTO/projectDTO";
 import projectSortByOption from "../../utils/projectSortByOption";
 import { useGetProjects } from "../../hooks/queries/project";
@@ -59,7 +59,7 @@ const ProjectList = () => {
             className="flex items-center justify-center w-[10.45rem] h-[2.5rem] py-2 pl-3 pr-9 text-white text-xs bg-middle-green gap-3 rounded-[0.375rem] shadow-box"
             onClick={handleCreateButtonClick}
           >
-            <img src={plus} alt="더하기" className="w-7" />
+            <Plus width={32} height={32} stroke="white" />
             추가하기
           </button>
         </div>