From 7bbb68f958c63fb6e513d5331197da0b7671249b Mon Sep 17 00:00:00 2001 From: wooktori Date: Wed, 3 Dec 2025 17:37:33 +0900 Subject: [PATCH 01/11] =?UTF-8?q?style:=20message=20=ED=8E=98=EC=9D=B4?= =?UTF-8?q?=EC=A7=80=20=EB=94=94=EC=9E=90=EC=9D=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/message/page.tsx | 51 ++++++++++++++++ src/components/pages/message/index.tsx | 4 ++ .../pages/message/message-chat/index.tsx | 5 ++ .../pages/message/message-following/index.tsx | 61 +++++++++++++++++++ 4 files changed, 121 insertions(+) create mode 100644 src/app/message/page.tsx create mode 100644 src/components/pages/message/index.tsx create mode 100644 src/components/pages/message/message-chat/index.tsx create mode 100644 src/components/pages/message/message-following/index.tsx diff --git a/src/app/message/page.tsx b/src/app/message/page.tsx new file mode 100644 index 00000000..f9a15643 --- /dev/null +++ b/src/app/message/page.tsx @@ -0,0 +1,51 @@ +'use client'; + +import { useState } from 'react'; + +import { Chat, Following } from '@/components/pages/message'; + +export const TabNavigation = () => { + const [tab, setTab] = useState<'following' | 'message'>('following'); + + return ( +
+
+ + +
+ +
+ {tab === 'following' && } + {tab === 'message' && } +
+
+ ); +}; + +const MessagePage = () => { + return ( +
+ +
+ ); +}; + +export default MessagePage; diff --git a/src/components/pages/message/index.tsx b/src/components/pages/message/index.tsx new file mode 100644 index 00000000..e79ee0ae --- /dev/null +++ b/src/components/pages/message/index.tsx @@ -0,0 +1,4 @@ +import Chat from './message-chat'; +import Following from './message-following'; + +export { Chat, Following }; diff --git a/src/components/pages/message/message-chat/index.tsx b/src/components/pages/message/message-chat/index.tsx new file mode 100644 index 00000000..432c2287 --- /dev/null +++ b/src/components/pages/message/message-chat/index.tsx @@ -0,0 +1,5 @@ +const Chat = () => { + return
메세지
; +}; + +export default Chat; diff --git a/src/components/pages/message/message-following/index.tsx b/src/components/pages/message/message-following/index.tsx new file mode 100644 index 00000000..c5d8b91c --- /dev/null +++ b/src/components/pages/message/message-following/index.tsx @@ -0,0 +1,61 @@ +'use client'; +import { Icon } from '@/components/shared'; +import { Button } from '@/components/ui/button'; +import { ModalContent, ModalTitle, useModal } from '@/components/ui/modal'; + +const FollowerModal = () => { + const { close } = useModal(); + + const handleConfirm = () => { + // 유저 팔로우 기능 ... + console.log('팔로우 성공'); + close(); + }; + + return ( + + 팔로우 할 닉네임을 입력하세요 + { + if (e.key === 'Enter') { + handleConfirm(); + } + }} + /> + +
+ + +
+ + ); +}; + +const Following = () => { + const { open } = useModal(); + return ( +
+
open()} + > +
+ +
+ + 팔로우 추가 +
+ +
친구목록
+ {/* 친구 가져오기 */} +
+ ); +}; + +export default Following; From c1bf641a6d93e5495a0657a0460df59769ea8adf Mon Sep 17 00:00:00 2001 From: wooktori Date: Thu, 4 Dec 2025 19:01:36 +0900 Subject: [PATCH 02/11] =?UTF-8?q?style:=20=ED=8C=94=EB=A1=9C=EC=9E=89=20?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20UI=20=EC=9E=91=EC=97=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/message/chat/page.tsx | 17 +++++ src/app/message/page.tsx | 74 ++++++++----------- src/components/pages/message/index.ts | 6 +- src/components/pages/message/index.tsx | 4 - .../pages/message/message-chat/index.tsx | 5 -- .../message/message-following-list/index.tsx | 29 ++++++++ .../index.tsx | 29 +++----- .../message/message-followingCard/index.tsx | 4 +- 8 files changed, 90 insertions(+), 78 deletions(-) create mode 100644 src/app/message/chat/page.tsx delete mode 100644 src/components/pages/message/index.tsx delete mode 100644 src/components/pages/message/message-chat/index.tsx create mode 100644 src/components/pages/message/message-following-list/index.tsx rename src/components/pages/message/{message-following => message-following-search}/index.tsx (56%) diff --git a/src/app/message/chat/page.tsx b/src/app/message/chat/page.tsx new file mode 100644 index 00000000..81dcddc0 --- /dev/null +++ b/src/app/message/chat/page.tsx @@ -0,0 +1,17 @@ +import { TabNavigation } from '@/components/shared'; + +const SOCIAL_TABS = [ + { label: '팔로잉', path: '/message' }, + { label: '메세지', path: '/message/chat' }, +]; + +export default function ChatPage() { + return ( +
+ +
+

채팅 페이지

+
+
+ ); +} diff --git a/src/app/message/page.tsx b/src/app/message/page.tsx index f9a15643..2fe1f441 100644 --- a/src/app/message/page.tsx +++ b/src/app/message/page.tsx @@ -1,51 +1,35 @@ -'use client'; +import { FollowingList, FollowingSearch } from '@/components/pages/message'; +import { TabNavigation } from '@/components/shared'; -import { useState } from 'react'; +const SOCIAL_TABS = [ + { label: '팔로잉', path: '/message' }, + { label: '메세지', path: '/message/chat' }, +]; -import { Chat, Following } from '@/components/pages/message'; - -export const TabNavigation = () => { - const [tab, setTab] = useState<'following' | 'message'>('following'); +const FOLLOWING_LIST = [ + { + name: '신짱구', + profileImage: '', + profileMessage: '안녕하세요 신짱구입니다', + }, + { + name: '신짱구', + profileImage: '', + profileMessage: '안녕하세요 신짱구입니다', + }, + { + name: '신짱구', + profileImage: '', + profileMessage: '안녕하세요 신짱구입니다', + }, +]; +export default function FollowingPage() { return ( -
-
- - -
- -
- {tab === 'following' && } - {tab === 'message' && } -
+
+ + +
); -}; - -const MessagePage = () => { - return ( -
- -
- ); -}; - -export default MessagePage; +} diff --git a/src/components/pages/message/index.ts b/src/components/pages/message/index.ts index 508c8ed2..5bcf3376 100644 --- a/src/components/pages/message/index.ts +++ b/src/components/pages/message/index.ts @@ -1,3 +1,3 @@ -import FollowingCard from './message-followingCard'; - -export { FollowingCard }; +export { FollowingList } from './message-following-list'; +export { FollowingSearch } from './message-following-search'; +export { FollowingCard } from './message-followingCard'; diff --git a/src/components/pages/message/index.tsx b/src/components/pages/message/index.tsx deleted file mode 100644 index e79ee0ae..00000000 --- a/src/components/pages/message/index.tsx +++ /dev/null @@ -1,4 +0,0 @@ -import Chat from './message-chat'; -import Following from './message-following'; - -export { Chat, Following }; diff --git a/src/components/pages/message/message-chat/index.tsx b/src/components/pages/message/message-chat/index.tsx deleted file mode 100644 index 432c2287..00000000 --- a/src/components/pages/message/message-chat/index.tsx +++ /dev/null @@ -1,5 +0,0 @@ -const Chat = () => { - return
메세지
; -}; - -export default Chat; diff --git a/src/components/pages/message/message-following-list/index.tsx b/src/components/pages/message/message-following-list/index.tsx new file mode 100644 index 00000000..c8741de3 --- /dev/null +++ b/src/components/pages/message/message-following-list/index.tsx @@ -0,0 +1,29 @@ +'use client'; + +import { FollowingCard } from '../message-followingCard'; + +interface FollowingItem { + name: string; + profileImage: string; + profileMessage: string; +} + +interface FollowingListProps { + items: FollowingItem[]; +} + +export const FollowingList = ({ items }: FollowingListProps) => { + return ( +
+ {items.map((item, index) => ( + + ))} +
+ ); +}; diff --git a/src/components/pages/message/message-following/index.tsx b/src/components/pages/message/message-following-search/index.tsx similarity index 56% rename from src/components/pages/message/message-following/index.tsx rename to src/components/pages/message/message-following-search/index.tsx index c5d8b91c..df443812 100644 --- a/src/components/pages/message/message-following/index.tsx +++ b/src/components/pages/message/message-following-search/index.tsx @@ -1,7 +1,6 @@ 'use client'; -import { Icon } from '@/components/shared'; -import { Button } from '@/components/ui/button'; -import { ModalContent, ModalTitle, useModal } from '@/components/ui/modal'; +import { Icon } from '@/components/icon'; +import { Button, ModalContent, ModalTitle, useModal } from '@/components/ui'; const FollowerModal = () => { const { close } = useModal(); @@ -12,6 +11,7 @@ const FollowerModal = () => { close(); }; + // 모달 모양 바뀌면 적용하기! return ( 팔로우 할 닉네임을 입력하세요 @@ -37,25 +37,18 @@ const FollowerModal = () => { ); }; -const Following = () => { +export const FollowingSearch = () => { const { open } = useModal(); return ( -
-
open()} - > -
- -
- - 팔로우 추가 +
open()} + > +
+
-
친구목록
- {/* 친구 가져오기 */} + 팔로우 추가
); }; - -export default Following; diff --git a/src/components/pages/message/message-followingCard/index.tsx b/src/components/pages/message/message-followingCard/index.tsx index fc6be08a..b557d660 100644 --- a/src/components/pages/message/message-followingCard/index.tsx +++ b/src/components/pages/message/message-followingCard/index.tsx @@ -12,7 +12,7 @@ interface FollowingCardProps { onMessageClick?: () => void; } -const FollowingCard = ({ +export const FollowingCard = ({ name, profileImage, profileMessage, @@ -67,5 +67,3 @@ const FollowingCard = ({
); }; - -export default FollowingCard; From f5e0762177913cf09b92807bf8057a234ef06d31 Mon Sep 17 00:00:00 2001 From: wooktori Date: Thu, 4 Dec 2025 19:06:46 +0900 Subject: [PATCH 03/11] =?UTF-8?q?fix:=20=ED=8F=B4=EB=8D=94=EB=AA=85=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/pages/message/index.ts | 2 +- .../index.stories.tsx | 0 .../index.test.tsx | 0 .../{message-followingCard => message-following-card}/index.tsx | 0 src/components/pages/message/message-following-list/index.tsx | 2 +- 5 files changed, 2 insertions(+), 2 deletions(-) rename src/components/pages/message/{message-followingCard => message-following-card}/index.stories.tsx (100%) rename src/components/pages/message/{message-followingCard => message-following-card}/index.test.tsx (100%) rename src/components/pages/message/{message-followingCard => message-following-card}/index.tsx (100%) diff --git a/src/components/pages/message/index.ts b/src/components/pages/message/index.ts index 5bcf3376..9181d2e2 100644 --- a/src/components/pages/message/index.ts +++ b/src/components/pages/message/index.ts @@ -1,3 +1,3 @@ +export { FollowingCard } from './message-following-card'; export { FollowingList } from './message-following-list'; export { FollowingSearch } from './message-following-search'; -export { FollowingCard } from './message-followingCard'; diff --git a/src/components/pages/message/message-followingCard/index.stories.tsx b/src/components/pages/message/message-following-card/index.stories.tsx similarity index 100% rename from src/components/pages/message/message-followingCard/index.stories.tsx rename to src/components/pages/message/message-following-card/index.stories.tsx diff --git a/src/components/pages/message/message-followingCard/index.test.tsx b/src/components/pages/message/message-following-card/index.test.tsx similarity index 100% rename from src/components/pages/message/message-followingCard/index.test.tsx rename to src/components/pages/message/message-following-card/index.test.tsx diff --git a/src/components/pages/message/message-followingCard/index.tsx b/src/components/pages/message/message-following-card/index.tsx similarity index 100% rename from src/components/pages/message/message-followingCard/index.tsx rename to src/components/pages/message/message-following-card/index.tsx diff --git a/src/components/pages/message/message-following-list/index.tsx b/src/components/pages/message/message-following-list/index.tsx index c8741de3..366ada26 100644 --- a/src/components/pages/message/message-following-list/index.tsx +++ b/src/components/pages/message/message-following-list/index.tsx @@ -1,6 +1,6 @@ 'use client'; -import { FollowingCard } from '../message-followingCard'; +import { FollowingCard } from '../message-following-card'; interface FollowingItem { name: string; From 49b8ac3bd980a35f88821773a3bbfd480ad2a316 Mon Sep 17 00:00:00 2001 From: wooktori Date: Fri, 5 Dec 2025 11:32:17 +0900 Subject: [PATCH 04/11] =?UTF-8?q?fix:=20import=20=EC=98=A4=EB=A5=98=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../pages/message/message-following-card/index.test.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/pages/message/message-following-card/index.test.tsx b/src/components/pages/message/message-following-card/index.test.tsx index 7a35b5a6..90d6b288 100644 --- a/src/components/pages/message/message-following-card/index.test.tsx +++ b/src/components/pages/message/message-following-card/index.test.tsx @@ -1,6 +1,6 @@ import { fireEvent, render, screen } from '@testing-library/react'; -import FollowingCard from '.'; +import { FollowingCard } from '.'; describe('FollowingCard 컴포넌트 테스트', () => { const defaultProps = { From 2fbbf5d392e25eaaffd529d91838dfc7fe90e87e Mon Sep 17 00:00:00 2001 From: wooktori Date: Fri, 5 Dec 2025 11:41:20 +0900 Subject: [PATCH 05/11] =?UTF-8?q?feat:=20Following=20List=20test=20?= =?UTF-8?q?=EC=9E=91=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../message-following-list/index.test.tsx | 32 +++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 src/components/pages/message/message-following-list/index.test.tsx diff --git a/src/components/pages/message/message-following-list/index.test.tsx b/src/components/pages/message/message-following-list/index.test.tsx new file mode 100644 index 00000000..1b944442 --- /dev/null +++ b/src/components/pages/message/message-following-list/index.test.tsx @@ -0,0 +1,32 @@ +import { render, screen } from '@testing-library/react'; + +import { FollowingList } from '.'; + +const TEST_ITEMS = [ + { + name: '신짱구', + profileImage: 'imageUrl', + profileMessage: '안녕하세요 신짱구입니다', + }, + { + name: '김맹구', + profileImage: 'imageUrl', + profileMessage: '안녕하세요 김맹구입니다', + }, + + { + name: '흰둥이', + profileImage: 'imageUrl', + profileMessage: '안녕하세요 흰둥이입니다', + }, +]; + +describe('Following List 컴포넌트 테스트', () => { + test('모든 아이템이 렌더링 되는지 테스트', () => { + render(); + + TEST_ITEMS.forEach((item) => { + expect(screen.getByText(item.name)).toBeInTheDocument(); + }); + }); +}); From 1f07c424d5462e9542ce0645bcecedd858e0d2e6 Mon Sep 17 00:00:00 2001 From: wooktori Date: Fri, 5 Dec 2025 17:20:28 +0900 Subject: [PATCH 06/11] =?UTF-8?q?feat:=20following=20search=20=ED=85=8C?= =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EC=9E=91=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../message-following-search/index.test.tsx | 29 +++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 src/components/pages/message/message-following-search/index.test.tsx diff --git a/src/components/pages/message/message-following-search/index.test.tsx b/src/components/pages/message/message-following-search/index.test.tsx new file mode 100644 index 00000000..cecb59c1 --- /dev/null +++ b/src/components/pages/message/message-following-search/index.test.tsx @@ -0,0 +1,29 @@ +import { fireEvent, render, screen } from '@testing-library/react'; + +import { ModalProvider } from '@/components/ui'; + +import { FollowingSearch } from '.'; + +describe('Following Search 테스트', () => { + test('Following Search 렌더링 테스트', () => { + render(); + + expect(screen.getByText('팔로우 추가')).toBeInTheDocument(); + }); + + test('팔로우 추가 클릭 시 모달 생성', () => { + render( + + + , + ); + + const followModal = screen.queryByText('팔로우 할 닉네임을 입력하세요'); + + expect(followModal).toBeNull(); + + fireEvent.click(screen.getByText('팔로우')); + + expect(followModal).toBeInTheDocument(); + }); +}); From e997363e32d81c9928d0acc4c122735d126aa37e Mon Sep 17 00:00:00 2001 From: wooktori Date: Fri, 5 Dec 2025 17:36:00 +0900 Subject: [PATCH 07/11] =?UTF-8?q?fix:=20test=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../message/message-following-list/index.test.tsx | 6 +++--- .../message-following-search/index.test.tsx | 14 ++++++++------ 2 files changed, 11 insertions(+), 9 deletions(-) diff --git a/src/components/pages/message/message-following-list/index.test.tsx b/src/components/pages/message/message-following-list/index.test.tsx index 1b944442..2426f3ba 100644 --- a/src/components/pages/message/message-following-list/index.test.tsx +++ b/src/components/pages/message/message-following-list/index.test.tsx @@ -5,18 +5,18 @@ import { FollowingList } from '.'; const TEST_ITEMS = [ { name: '신짱구', - profileImage: 'imageUrl', + profileImage: 'http://test.com', profileMessage: '안녕하세요 신짱구입니다', }, { name: '김맹구', - profileImage: 'imageUrl', + profileImage: 'http://test.com', profileMessage: '안녕하세요 김맹구입니다', }, { name: '흰둥이', - profileImage: 'imageUrl', + profileImage: 'http://test.com', profileMessage: '안녕하세요 흰둥이입니다', }, ]; diff --git a/src/components/pages/message/message-following-search/index.test.tsx b/src/components/pages/message/message-following-search/index.test.tsx index cecb59c1..081fad03 100644 --- a/src/components/pages/message/message-following-search/index.test.tsx +++ b/src/components/pages/message/message-following-search/index.test.tsx @@ -6,7 +6,11 @@ import { FollowingSearch } from '.'; describe('Following Search 테스트', () => { test('Following Search 렌더링 테스트', () => { - render(); + render( + + + , + ); expect(screen.getByText('팔로우 추가')).toBeInTheDocument(); }); @@ -18,12 +22,10 @@ describe('Following Search 테스트', () => { , ); - const followModal = screen.queryByText('팔로우 할 닉네임을 입력하세요'); - - expect(followModal).toBeNull(); + expect(screen.queryByText('팔로우 할 닉네임을 입력하세요')).toBeNull(); - fireEvent.click(screen.getByText('팔로우')); + fireEvent.click(screen.getByText('팔로우 추가')); - expect(followModal).toBeInTheDocument(); + expect(screen.getByText('팔로우 할 닉네임을 입력하세요')).toBeInTheDocument(); }); }); From d3c430b9c048d260b8223f60955284db5e82e1de Mon Sep 17 00:00:00 2001 From: wooktori Date: Fri, 5 Dec 2025 18:06:24 +0900 Subject: [PATCH 08/11] =?UTF-8?q?fix:=20import=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../pages/message/message-following-card/index.stories.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/pages/message/message-following-card/index.stories.tsx b/src/components/pages/message/message-following-card/index.stories.tsx index db97dbd0..74c8975c 100644 --- a/src/components/pages/message/message-following-card/index.stories.tsx +++ b/src/components/pages/message/message-following-card/index.stories.tsx @@ -1,6 +1,6 @@ import type { Meta, StoryObj } from '@storybook/nextjs'; -import FollowingCard from '.'; +import { FollowingCard } from '.'; const meta = { title: 'Components/Following Card', From b85efd98b96418474723ed0877a99611f842265d Mon Sep 17 00:00:00 2001 From: wooktori Date: Fri, 5 Dec 2025 18:30:06 +0900 Subject: [PATCH 09/11] =?UTF-8?q?fix:=20tab=20=EA=B4=80=EB=A0=A8=20?= =?UTF-8?q?=EC=BD=94=EB=93=9C=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/message/chat/page.tsx | 6 +++--- src/app/message/page.tsx | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/app/message/chat/page.tsx b/src/app/message/chat/page.tsx index 81dcddc0..70146172 100644 --- a/src/app/message/chat/page.tsx +++ b/src/app/message/chat/page.tsx @@ -1,14 +1,14 @@ import { TabNavigation } from '@/components/shared'; const SOCIAL_TABS = [ - { label: '팔로잉', path: '/message' }, - { label: '메세지', path: '/message/chat' }, + { label: '팔로잉', value: 'following' }, + { label: '메세지', value: 'chat' }, ]; export default function ChatPage() { return (
- +

채팅 페이지

diff --git a/src/app/message/page.tsx b/src/app/message/page.tsx index 2fe1f441..c470603e 100644 --- a/src/app/message/page.tsx +++ b/src/app/message/page.tsx @@ -2,8 +2,8 @@ import { FollowingList, FollowingSearch } from '@/components/pages/message'; import { TabNavigation } from '@/components/shared'; const SOCIAL_TABS = [ - { label: '팔로잉', path: '/message' }, - { label: '메세지', path: '/message/chat' }, + { label: '팔로잉', value: 'following' }, + { label: '메세지', value: 'chat' }, ]; const FOLLOWING_LIST = [ @@ -27,7 +27,7 @@ const FOLLOWING_LIST = [ export default function FollowingPage() { return (
- +
From a674eb20d313a7a693663b2007d19e541b09e91d Mon Sep 17 00:00:00 2001 From: wooktori Date: Mon, 8 Dec 2025 10:17:45 +0900 Subject: [PATCH 10/11] =?UTF-8?q?fix:=20key=20=EA=B0=92=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: oknu_2I --- src/components/pages/message/message-following-list/index.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/pages/message/message-following-list/index.tsx b/src/components/pages/message/message-following-list/index.tsx index 366ada26..57cb8499 100644 --- a/src/components/pages/message/message-following-list/index.tsx +++ b/src/components/pages/message/message-following-list/index.tsx @@ -15,9 +15,9 @@ interface FollowingListProps { export const FollowingList = ({ items }: FollowingListProps) => { return (
- {items.map((item, index) => ( + {items.map((item) => ( Date: Mon, 8 Dec 2025 10:32:47 +0900 Subject: [PATCH 11/11] =?UTF-8?q?fix:=20key=EA=B0=92=20=EA=B4=80=EB=A0=A8?= =?UTF-8?q?=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/message/page.tsx | 3 +++ src/components/pages/message/message-following-list/index.tsx | 1 + 2 files changed, 4 insertions(+) diff --git a/src/app/message/page.tsx b/src/app/message/page.tsx index c470603e..8ae33d94 100644 --- a/src/app/message/page.tsx +++ b/src/app/message/page.tsx @@ -8,16 +8,19 @@ const SOCIAL_TABS = [ const FOLLOWING_LIST = [ { + id: 1, name: '신짱구', profileImage: '', profileMessage: '안녕하세요 신짱구입니다', }, { + id: 2, name: '신짱구', profileImage: '', profileMessage: '안녕하세요 신짱구입니다', }, { + id: 3, name: '신짱구', profileImage: '', profileMessage: '안녕하세요 신짱구입니다', diff --git a/src/components/pages/message/message-following-list/index.tsx b/src/components/pages/message/message-following-list/index.tsx index 57cb8499..ed01e572 100644 --- a/src/components/pages/message/message-following-list/index.tsx +++ b/src/components/pages/message/message-following-list/index.tsx @@ -3,6 +3,7 @@ import { FollowingCard } from '../message-following-card'; interface FollowingItem { + id: number; name: string; profileImage: string; profileMessage: string;