From 058f71a9d7f639c8ea48b3da5674164563a4a199 Mon Sep 17 00:00:00 2001
From: "SK\\ssssk" <ssssksss@naver.com>
Date: Wed, 11 Sep 2024 16:44:07 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=83=81=EB=8B=A8=20=ED=97=A4=EB=8D=94?=
 =?UTF-8?q?=20=ED=94=84=EB=A1=9C=ED=95=84=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?=
 =?UTF-8?q?=EB=82=A8=EC=9E=90=20=EC=9D=B4=EB=AF=B8=EC=A7=80=EB=A7=8C=20?=
 =?UTF-8?q?=EB=82=98=EC=98=A4=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Header.tsx          | 15 +++++++++------
 src/containers/common/HeaderContainer.tsx |  2 ++
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/common/Header.tsx b/src/components/common/Header.tsx
index 11874da5..b30a2f06 100644
--- a/src/components/common/Header.tsx
+++ b/src/components/common/Header.tsx
@@ -2,6 +2,7 @@ import HeaderSidebarContainer from "@/containers/common/HeaderSidebarContainer";
 import Image from "next/image";
 import Link from "next/link";
 import { MdOutlineMenu } from "react-icons/md";
+import UserImage from "../auth/UserImage";
 import ReactToastifyComponent from "./ReactToastifyComponent";
 
 interface Props {
@@ -12,6 +13,8 @@ interface Props {
   onClose: () => void;
   logoutHandler: () => void;
   userId: number;
+  userSex: string;
+  userProfile: string;
 }
 
 const Header = ({
@@ -22,6 +25,8 @@ const Header = ({
   onClose,
   userId,
   logoutHandler,
+  userSex,
+  userProfile,
 }: Props) => {
   return (
     <header className="flex w-full flex-row justify-center">
@@ -147,12 +152,10 @@ const Header = ({
                   href={"/mypage?mainCategory=정보&category=owner"}
                   className={"relative rounded-[50%]"}
                 >
-                  <Image
-                    className="rounded-full border-[0.03125rem] border-[#B8EDD9] bg-[#F2FAF7]"
-                    src="/user_sex_man_default_image.svg"
-                    alt="user_sex_man_default_image"
-                    width={30}
-                    height={30}
+                  <UserImage
+                    userImageAddress={`${userProfile}`}
+                    userSex={`${userSex}`}
+                    size={30}
                   />
                 </Link>
 
diff --git a/src/containers/common/HeaderContainer.tsx b/src/containers/common/HeaderContainer.tsx
index 53b766bf..826bb3b4 100644
--- a/src/containers/common/HeaderContainer.tsx
+++ b/src/containers/common/HeaderContainer.tsx
@@ -87,6 +87,8 @@ const HeaderContainer = () => {
       onMenuClicked={onMenuClicked}
       onClose={onClose}
       userId={authStore.id}
+      userSex={authStore.sex}
+      userProfile={authStore.userImage.address}
       logoutHandler={logoutHandler}
     />
   );