Design/MY수평조절, 네비바 외 아이콘 전면교체

Author: AngelaChaejung

src/components/follow/UserSearch.jsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useState } from "react";
-import searchIcon from "../../img/searchIcon.png";
+import searchIcon from "../../img/searchIcon.svg";
 import { debounce } from "lodash";
 import { UserApi } from "../../api/UserApi";
 import SearchCards from "./SearchCards";

src/components/layout/BottomNavi.jsx

@@ -48,7 +48,7 @@ const BottomNavi = () => {
               handleIconClick("My");
               navigate("/profile");
             }}
-            className="cursor-pointer px-[4px] py-[4px] w-[30px] h-[30px]"
+            className="cursor-pointer px-[4px] py-[7px] w-[30px] h-[30px]"
           >
             <img
               src={onIcon === "My" ? onMy : offMy}

src/components/layout/TopNavTitleBar.jsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { useNavigate } from "react-router-dom";
-import backIncom from "../../img/arrowback.png";
+import backIncom from "../../img/arrowback.svg";
 
 const TopNavTitleBar = ({ children }) => {
   const navigate = useNavigate();

src/components/modal/JoinerList.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import selectedIcon from "../../img/participantsSelected.png";
+import selectedIcon from "../../img/participantsSelected.svg";
 
 //props로 받아올 것들...
 const JoinerList = ({

src/components/mypage/Profile.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { useNavigate } from "react-router-dom";
-import Vector from "../../img/Vector.png";
+import Vector from "../../img/arrow.svg";
 import {
   __getFollowerCount,
   __getFollowingCount,
@@ -76,7 +76,7 @@ const Profile = () => {
           className="flex gap-[160px] p-[15px] border-b-[1px] border-[#BBD7FF] border-solid bg-white w-[375px] h-[50px] cursor-pointer"
         >
           <span className="text-sm w-[175px] h-[20px]">프로필 변경</span>
-          <img src={Vector} alt="화살표" className="h-[18px] w-[10px]" />
+          <img src={Vector} alt="화살표" className="h-[24px] w-[22px]" />
         </div>
         <div
           onClick={() => {
@@ -85,7 +85,7 @@ const Profile = () => {
           className="flex gap-[160px] p-[15px] border-b-[1px] border-[#BBD7FF] border-solid bg-white w-[375px] h-[50px] cursor-pointer"
         >
           <span className="text-sm w-[175px] h-[20px]">비밀번호 재설정</span>
-          <img src={Vector} alt="화살표" className="h-[18px] w-[10px]" />
+          <img src={Vector} alt="화살표" className="h-[24px] w-[22px]" />
         </div>
         <div
           onClick={() => {
@@ -95,7 +95,7 @@ const Profile = () => {
         >
           <span className="text-sm w-[175px] h-[20px]">나의 지난 일정</span>
 
-          <img src={Vector} alt="화살표" className="h-[18px] w-[10px]" />
+          <img src={Vector} alt="화살표" className="h-[24px] w-[22px]" />
         </div>
         <div
           onClick={() => {
@@ -104,7 +104,7 @@ const Profile = () => {
           className="flex gap-[160px] p-[15px] border-b-[1px] border-[#BBD7FF] border-solid bg-white w-[375px] h-[50px] cursor-pointer"
         >
           <span className="text-sm w-[175px] h-[20px]">내게 온 초대 목록</span>
-          <img src={Vector} alt="화살표" className="h-[18px] w-[10px]" />
+          <img src={Vector} alt="화살표" className="h-[24px] w-[22px]" />
         </div>
         <div
           onClick={() => {
@@ -113,7 +113,7 @@ const Profile = () => {
           className="flex gap-[160px] p-[15px] border-b-[1px] border-[#BBD7FF] border-solid bg-white w-[375px] h-[50px] cursor-pointer"
         >
           <span className="text-sm w-[175px] h-[20px]">알림 설정</span>
-          <img src={Vector} alt="화살표" className="h-[18px] w-[10px]" />
+          <img src={Vector} alt="화살표" className="h-[24px] w-[22px]" />
         </div>
         <div
           onClick={() => {
@@ -124,7 +124,7 @@ const Profile = () => {
           <span className="text-sm w-[175px] h-[20px]">
             그님스 피드백 보내기
           </span>
-          <img src={Vector} alt="화살표" className="h-[18px] w-[10px]" />
+          <img src={Vector} alt="화살표" className="h-[24px] w-[22px]" />
         </div>
         <div
           onClick={() => {

src/components/notification/NotificationsList.jsx

@@ -1,10 +1,9 @@
 import React, { useEffect, useState } from "react";
 import { EventSourcePolyfill } from "event-source-polyfill";
-import mentionIcon from "../../img/mention.png";
-import followIcon from "../../img/follow.png";
+import mentionIcon from "../../img/mention.svg";
+import followIcon from "../../img/follow.svg";
 import { useNavigate } from "react-router-dom";
 import { instance } from "../../shared/AxiosInstance";
-import refreshIcon from "../../img/refresh.png";
 
 const NotificationsList = () => {
   const navigate = useNavigate();