✨ Feat: FollowUserInfo 경로 이동 추가

prgrms-fe-devcourse · Sep 22, 2023 · 69a1af0 · 69a1af0
1 parent 85d6c73
commit 69a1af0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/pages/profile/components/FollowUser.tsx b/src/pages/profile/components/FollowUser.tsx
@@ -22,6 +22,7 @@ const FollowUser = ({
         image={image}
         isOnline={isOnline}
         email={email}
+        id={_id}
       />
       {following && (
         <FollowButton

diff --git a/src/pages/profile/components/FollowUserInfo.tsx b/src/pages/profile/components/FollowUserInfo.tsx
@@ -1,22 +1,29 @@
 import { FollowUserInfoContainer } from './FollowUserInfo.style';
 import { UserId, UserName } from '@components/UserText';
 import { BadgeAvatar } from '@components/Avatar';
+import { useNavigate } from 'react-router-dom';
 
 interface FollowUserInfoProps {
   fullName: string;
   image?: string;
   email: string;
   isOnline: boolean;
+  id: string;
 }
 
 const FollowUserInfo = ({
   fullName,
   isOnline,
   email,
-  image
+  image,
+  id
 }: FollowUserInfoProps) => {
+  const navigate = useNavigate();
+
+  const handleClickInfo = () => navigate(`/profile/${id}`);
+
   return (
-    <FollowUserInfoContainer>
+    <FollowUserInfoContainer onClick={handleClickInfo}>
       <BadgeAvatar
         alt={fullName}
         src={image}