🐛Fix: Profile 클릭 시 clearModal

Author: shlee9999

src/components/Profile/index.tsx

@@ -1,5 +1,6 @@
 import { useNavigate } from 'react-router-dom'
 import * as S from './styles'
+import { useModalStore } from '~stores/modalStore'
 
 type ProfileProps = {
   $size: number
@@ -8,7 +9,12 @@ type ProfileProps = {
 }
 
 export default function Profile({ $size, $src, userId }: ProfileProps) {
+  const { clearModal } = useModalStore()
   const navigate = useNavigate()
-  const onClick = () => userId && navigate(`/profile/${userId}`)
-  return <S.Profile $size={$size} $src={$src} onClick={onClick} />
+  const onClick = () => {
+    if (!userId) return
+    navigate(`/profile/${userId}`)
+    clearModal()
+  }
+  return <S.Profile $size={$size} $src={$src} $userId={userId} onClick={onClick} />
 }

src/components/Profile/styles.ts

@@ -3,10 +3,13 @@ import styled from 'styled-components'
 type ProfileProps = {
   $size: number
   $src: string
+  $userId?: string
 }
+
 export const Profile = styled.div<ProfileProps>`
   width: ${({ $size }) => $size + 'px'};
   height: ${({ $size }) => $size + 'px'};
   background: url(${({ $src }) => $src}) center/cover ${({ theme }) => theme.colors.brand.sub};
+  cursor: ${({ $userId }) => ($userId ? 'pointer' : 'default')};
   border-radius: 50%;
 `