Merge pull request #197 from Gachon-Univ-Creative-Code-Innovation/feat/connect-add-follow-routing

팔로우 라우팅 추가

Author: Kim-songhui

src/screens/FollowPage/FollowPage.jsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect, useRef, useCallback } from "react";
+import { useNavigate } from "react-router-dom";
 import FollowTab from "../../components/FollowTab/FollowTab";
 import FollowDelete from "../../components/FollowDelete/FollowDelete";
 import PageTransitionWrapper from "../../components/PageTransitionWrapper/PageTransitionWrapper";
@@ -8,6 +9,7 @@ import api from "../../api/instance";
 import "./FollowPage.css";
 
 export const FollowPage = () => {
+  const navigate = useNavigate();
   const [followers, setFollowers] = useState([]);
   const [followees, setFollowees] = useState([]);
   const [page, setPage] = useState(1);
@@ -174,7 +176,11 @@ export const FollowPage = () => {
                   key={user.id}
                   ref={idx === visibleUsers.length - 1 ? lastUserRef : null}
                 >
-                  <div className="followpage-user-info">
+                  <div 
+                    className="followpage-user-info"
+                    onClick={() => navigate(`/blog/${user.id}`)}
+                    style={{ cursor: "pointer" }}
+                  >
                     <img
                       src={detail?.profileUrl || "/img/basic_profile_photo.png"}
                       alt="profile"

src/screens/MyBlog/MyBlog.jsx

@@ -190,11 +190,19 @@ export const MyBlog = () => {
                   />
                 </div>
                 <div className="myblog-follow-info">
-                  <div className="myblog-follow-box">
+                  <div 
+                    className="myblog-follow-box"
+                    onClick={() => navigate("/follow")}
+                    style={{ cursor: "pointer" }}
+                  >
                     <div className="myblog-follow-label">팔로워</div>
                     <div className="myblog-follow-count">{followerCount}</div>
                   </div>
-                  <div className="myblog-follow-box">
+                  <div 
+                    className="myblog-follow-box"
+                    onClick={() => navigate("/follow")}
+                    style={{ cursor: "pointer" }}
+                  >
                     <div className="myblog-follow-label">팔로잉</div>
                     <div className="myblog-follow-count">{followingCount}</div>
                   </div>