fix : div -> img

Soongsil-CoffeeChat · Jun 12, 2024 · 9d6e399 · 9d6e399
1 parent 5385da5
commit 9d6e399
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git 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
@@ -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"