refactor: 이미지 경로 변경

prgrms-web-devcourse · Nov 29, 2023 · c61d5d1 · c61d5d1
1 parent 00e8c78
commit c61d5d1
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 16 deletions.
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -6,11 +6,10 @@ import {
   LogoRowIcon,
   LogoShortIcon,
   ArrowLeftIcon,
-  BasicProfileIcon,
   SunIcon,
   MoonIcon,
 } from '@/assets/icons'
-import { rangerCleanHead } from '@/assets/images'
+import { rangerCleanHead, BasicProfile } from '@/assets/images'
 import { Modal } from '..'
 import Dropdown from '../Dropdown'
 
@@ -81,7 +80,7 @@ const Header = memo(({ handleGoBack }: HeaderProps) => {
                       <img src={user.path} alt="my" />
                     </div>
                   ) : (
-                    <BasicProfileIcon className="h-7 w-7 md:h-9 md:w-9" />
+                    <img src={BasicProfile} className="h-7 w-7 md:h-9 md:w-9" />
                   )}
                 </Dropdown.Toggle>
                 <Dropdown.Menu className="w-40 rounded-sm">

diff --git a/src/pages/CreatedReviewManagePage/components/AnswerGroup/index.tsx b/src/pages/CreatedReviewManagePage/components/AnswerGroup/index.tsx
@@ -1,7 +1,7 @@
 import { nanoid } from 'nanoid'
 import { useState } from 'react'
 import { StarRatingList } from '@/components'
-import { BasicProfileIcon } from '@/assets/icons'
+import { BasicProfile } from '@/assets/images'
 import { QUESTION_TYPE } from '../../constants'
 import RenderRefinedSubjective from './RenderRefinedSubjective'
 
@@ -29,7 +29,10 @@ interface Answer {
 const renderStarRating = (value: Answer) => (
   <div>
     <h3 className="flex items-center">
-      <BasicProfileIcon className="avatar h-[1.25rem] w-[1.25rem] border dark:bg-white dark:fill-white" />
+      <img
+        src={BasicProfile}
+        className="avatar h-[1.25rem] w-[1.25rem] border dark:bg-white dark:fill-white"
+      />
       <p className="ml-[1.31rem] text-sm">{value.userName}</p>
     </h3>
     <div className="ml-[42.96px] mt-[0.5rem] text-base leading-5 md:mt-[0.62rem]">
@@ -51,7 +54,10 @@ const renderHexaStat = (value: Answer, answers: Answer[]) => {
       <div className="flex">
         {filteredAnswers.map((value) => (
           <div className="flex w-3/6 flex-wrap gap-[0.31rem]" key={nanoid()}>
-            <BasicProfileIcon className="avatar h-[1.25rem] w-[1.25rem] border dark:bg-white dark:fill-white" />
+            <img
+              src={BasicProfile}
+              className="avatar h-[1.25rem] w-[1.25rem] border dark:bg-white dark:fill-white"
+            />
             <p className="text-sm">{value?.userName}</p>
             <p className="text-sm text-sub-wine">{value?.value}</p>
           </div>
@@ -64,7 +70,10 @@ const renderHexaStat = (value: Answer, answers: Answer[]) => {
 const renderDefault = (value: Answer) => (
   <>
     <h3 className="flex items-center ">
-      <BasicProfileIcon className="avatar h-[1.25rem] w-[1.25rem] border dark:bg-white dark:fill-white" />
+      <img
+        src={BasicProfile}
+        className="avatar h-[1.25rem] w-[1.25rem] border dark:bg-white dark:fill-white"
+      />
       <p className="ml-[1.31rem] text-sm">{value?.userName}</p>
     </h3>
     <p className="ml-[42.96px] mt-[0.5rem] break-all  text-base leading-5 md:mt-[0.62rem]">

diff --git a/src/pages/CreatedReviewManagePage/components/ProfileGroup/index.tsx b/src/pages/CreatedReviewManagePage/components/ProfileGroup/index.tsx
@@ -1,4 +1,4 @@
-import { BasicProfileIcon } from '@/assets/icons'
+import { BasicProfile } from '@/assets/images'
 
 interface ProfileGroupProps {
   name: string
@@ -9,7 +9,10 @@ interface ProfileGroupProps {
 const ProfileGroup = ({ name, responserSize, type }: ProfileGroupProps) => {
   return (
     <div className="flex">
-      <BasicProfileIcon className="avatar h-[2.8125rem] w-[2.8125rem] border dark:bg-white dark:fill-white md:h-[3.5rem] md:w-[3.5rem]" />
+      <img
+        src={BasicProfile}
+        className="avatar h-[2.8125rem] w-[2.8125rem] border dark:bg-white dark:fill-white md:h-[3.5rem] md:w-[3.5rem]"
+      />
 
       <div className="ml-[0.63rem] flex flex-col md:ml-[1.44rem]">
         {type === 'receiver' ? (

diff --git a/src/pages/MyPage/index.tsx b/src/pages/MyPage/index.tsx
@@ -2,12 +2,8 @@ import { ChangeEvent, useRef } from 'react'
 import { useNameCheck, usePasswordCheck, useToast } from '@/hooks'
 import { Header, Input, Modal } from '@/components'
 import { useEditImage, useUser } from '@/apis/hooks'
-import {
-  BasicProfileIcon,
-  CheckIcon,
-  EditIcon,
-  ImageIcon,
-} from '@/assets/icons'
+import { CheckIcon, EditIcon, ImageIcon } from '@/assets/icons'
+import { BasicProfile } from '@/assets/images'
 import { useEditNameCheck, useEditPasswordCheck } from './hooks'
 
 const MyPage = () => {
@@ -99,7 +95,7 @@ const MyPage = () => {
                 className="h-full w-full"
               />
             ) : (
-              <BasicProfileIcon className="h-20 w-20" />
+              <img src={BasicProfile} className="h-20 w-20" />
             )}
           </div>
           <div className="absolute bottom-0 right-0 flex h-6 w-6 items-center justify-center rounded-full border bg-white dark:bg-main-red-200">