[];
+};
+
+const FollowingList = ({ followingUsers }: FollowingListProps) => {
+ const router = useRouter();
+
+ const moveUserProfilePage = (userId: number) => {
+ router.push(`/profile/${userId}`);
+ };
+
+ return (
+
+ {followingUsers.length > 0 &&
+ followingUsers.map((user) => {
+ return (
+ - moveUserProfilePage(user.userId!)}
+ aria-hidden="true"
+ >
+ {user.profileUrl === '' && (
+
+ )}
+
+
+ {user.userName}
+
+
+ );
+ })}
+
+ );
+};
+
+export default FollowingList;
diff --git a/src/app/(MainLayout)/page.tsx b/src/app/(MainLayout)/page.tsx
index d67702d..0faca0f 100644
--- a/src/app/(MainLayout)/page.tsx
+++ b/src/app/(MainLayout)/page.tsx
@@ -3,6 +3,7 @@ import ReadOnlyDebateFeed from './components/ReadOnlyDebateFeed';
import styles from './page.module.scss';
import Feed from './components/Feed/Feed';
+import FollowingList from './components/FollowingList/FollowingList';
const MOCK_BASIC_FEED_DATA = {
post: {
@@ -118,9 +119,67 @@ const MOCK_DATA_OF_DEBATE_FEED = {
},
};
+const MOCK_DATA_OF_FOLLOWING_DATA = [
+ {
+ userId: 1,
+ userName: '정민욱',
+ profileImgUrl: 'https://profileImg1.url',
+ departmentName: '네이버',
+ },
+ {
+ userId: 2,
+ userName: '제이슨',
+ profileImgUrl: 'https://profileImg2.url',
+ departmentName: '카카오',
+ },
+ {
+ userId: 3,
+ userName: '진성진',
+ profileImgUrl: 'https://profileImg3.url',
+ departmentName: '우아한형제들',
+ },
+ {
+ userId: 1,
+ userName: '정민욱',
+ profileImgUrl: 'https://profileImg1.url',
+ departmentName: '네이버',
+ },
+ {
+ userId: 2,
+ userName: '제이슨',
+ profileImgUrl: 'https://profileImg2.url',
+ departmentName: '카카오',
+ },
+ {
+ userId: 3,
+ userName: '진성진',
+ profileImgUrl: 'https://profileImg3.url',
+ departmentName: '우아한형제들',
+ },
+ {
+ userId: 1,
+ userName: '정민욱',
+ profileImgUrl: 'https://profileImg1.url',
+ departmentName: '네이버',
+ },
+ {
+ userId: 2,
+ userName: '제이슨',
+ profileImgUrl: 'https://profileImg2.url',
+ departmentName: '카카오',
+ },
+ {
+ userId: 3,
+ userName: '진성진',
+ profileImgUrl: 'https://profileImg3.url',
+ departmentName: '우아한형제들',
+ },
+];
+
const MainPage = () => {
return (
+
diff --git a/src/app/my/types/my.ts b/src/app/my/types/my.ts
index a92a151..10c64cf 100644
--- a/src/app/my/types/my.ts
+++ b/src/app/my/types/my.ts
@@ -1,6 +1,8 @@
interface UserType {
+ userId: number;
profileUrl: string;
nickname: string;
+ userName: string;
currentState: string;
description: string;
followers: number;