From 9d6e399e19d85e79b5b072fa4923494dbb994db8 Mon Sep 17 00:00:00 2001
From: ChoiSangwon <fdsa200@naver.com>
Date: Thu, 13 Jun 2024 00:26:46 +0900
Subject: [PATCH] fix : div -> img

---
 src/pages/main/main.styles.tsx | 6 +-----
 src/pages/main/main.tsx        | 2 +-
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/pages/main/main.styles.tsx b/src/pages/main/main.styles.tsx
index 176cfb6..2a55434 100644
--- a/src/pages/main/main.styles.tsx
+++ b/src/pages/main/main.styles.tsx
@@ -82,17 +82,13 @@ export const ImageButton = styled.img`
   border: none;
   cursor: pointer;
 `;
-interface ProfileCircleProps {
-  imageUrl: string;
-}
 
-export const ProfileCircle = styled.div<ProfileCircleProps>`
+export const ProfileCircle = styled.img`
   width: 196px;
   height: 196px;
   background-color: white;
   border-radius: 50%;
   flex: none;
-  background-image: url(${(props) => props.imageUrl});
 `;
 
 export const ProfileTopContainer = styled.div`
diff --git a/src/pages/main/main.tsx b/src/pages/main/main.tsx
index 81ca573..725bdbe 100644
--- a/src/pages/main/main.tsx
+++ b/src/pages/main/main.tsx
@@ -112,7 +112,7 @@ function Main() {
               onClick={handlePrevClick}
             />
             <styles.ProfileCircle
-              imageUrl={
+              src={
                 mentorData !== null
                   ? mentorData[currentIndex].picture.slice(1, -1)
                   : "https://picsum.photos/250/250"