From 03a0d6e6d522e1290b7fd9caec291e27a0fc011c Mon Sep 17 00:00:00 2001
From: a-honey <jungahyeon0512@khu.ac.kr>
Date: Wed, 28 Feb 2024 01:15:54 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20=EA=B8=B0=ED=83=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/login/index.tsx          | 4 +++-
 src/pages/mypage/account/index.tsx | 8 ++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/login/index.tsx b/src/pages/login/index.tsx
index 1276999..72f656c 100644
--- a/src/pages/login/index.tsx
+++ b/src/pages/login/index.tsx
@@ -43,7 +43,9 @@ const LoginPage: NextPage = () => {
       <div className="flex flex-col items-center gap-[24px]">
         <div className="flex items-center">
           <div className="flex-1 w-[96px] h-[1px] bg-gray6"></div>
-          <div className="mx-4 text-gray6">SNS 계정으로 로그인</div>
+          <div className="mx-4 text-gray6 body1-medium">
+            SNS 계정으로 로그인
+          </div>
           <div className="flex-1 w-[96px] h-[1px] bg-gray6"></div>
         </div>
         <div className="flex gap-[20px]">
diff --git a/src/pages/mypage/account/index.tsx b/src/pages/mypage/account/index.tsx
index e8773c7..9f9e04c 100644
--- a/src/pages/mypage/account/index.tsx
+++ b/src/pages/mypage/account/index.tsx
@@ -1,9 +1,11 @@
 import Header from '@/components/organisms/Header';
+import { useGetMe } from '@/hooks/queries/mypage';
 import useLogout from '@/hooks/useLogout';
 import { type NextPage } from 'next';
 
 const FriendsListPage: NextPage = () => {
   const logout = useLogout();
+  const data = useGetMe();
 
   return (
     <div className={'bg-white pt-[52px] min-h-screen'}>
@@ -11,6 +13,12 @@ const FriendsListPage: NextPage = () => {
       <section
         className={`flex flex-col items-center gap-[40px] min-h-screen p-20 bg-gray1 pt-[40px]`}
       >
+        <div className="w-full flex justify-between border-b-[1px] border-gray4 pb-[30px]">
+          <div>연결된계정</div>
+          <div className="text-gray4 heading4-semibold">
+            {data.kakaoEmail ?? data.googleEmail ?? ''}
+          </div>
+        </div>
         <button className="w-full text-left" onClick={logout}>
           로그아웃
         </button>