From c61d5d14d8942806e187093f7844f1bc58d96a04 Mon Sep 17 00:00:00 2001
From: hyoribogo <97094709+hyoribogo@users.noreply.github.com>
Date: Thu, 30 Nov 2023 02:12:11 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?=
 =?UTF-8?q?=EA=B2=BD=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header/index.tsx                 |  5 ++---
 .../components/AnswerGroup/index.tsx            | 17 +++++++++++++----
 .../components/ProfileGroup/index.tsx           |  7 +++++--
 src/pages/MyPage/index.tsx                      | 10 +++-------
 4 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index 093be99f..ce6b31cf 100644
--- 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
index c06ab12e..046eff11 100644
--- 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
index 214afb7c..08d306dc 100644
--- 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
index 004e6b57..e5e7ea3a 100644
--- 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">