From 7b33bf27437bd939b4da43efa0edd1d17b0b72a1 Mon Sep 17 00:00:00 2001 From: soonki-98 Date: Sun, 2 Jun 2024 15:14:42 +0900 Subject: [PATCH] =?UTF-8?q?feat(QYOG-165):=20=EB=A1=9C=EA=B7=B8=EC=9D=B8?= =?UTF-8?q?=20=EC=9D=B4=ED=9B=84=20=ED=97=A4=EB=8D=94=20=ED=99=94=EB=A9=B4?= =?UTF-8?q?=20UI=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/woni/woni_happy.png | Bin 0 -> 8341 bytes src/components/UI/Header/Header.tsx | 17 ++---- src/components/UI/Header/private/LoggedIn.tsx | 49 ++++++++++++++++++ src/components/UI/Header/private/index.ts | 1 + 4 files changed, 54 insertions(+), 13 deletions(-) create mode 100644 src/assets/woni/woni_happy.png create mode 100644 src/components/UI/Header/private/LoggedIn.tsx diff --git a/src/assets/woni/woni_happy.png b/src/assets/woni/woni_happy.png new file mode 100644 index 0000000000000000000000000000000000000000..dbfaa2bacc4e53d363c59446631651fb90e77d58 GIT binary patch literal 8341 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 literal 0 HcmV?d00001 diff --git a/src/components/UI/Header/Header.tsx b/src/components/UI/Header/Header.tsx index cd2efb4..88ddeb8 100644 --- a/src/components/UI/Header/Header.tsx +++ b/src/components/UI/Header/Header.tsx @@ -16,13 +16,13 @@ import { accessTokenAtom } from "@/globalState"; import { authSocialAPI } from "@/apis"; import Logo from "@/assets/main/logo.png"; -import { Row } from "@/components/Layouts"; +import { Column, Row } from "@/components/Layouts"; import { Button } from "@/components/Design"; import { WhatIF } from "@/components/Utilities"; -import { LoginButton } from "./private"; +import { LoginButton, LoggedIn } from "./private"; export default function Header({}: {}) { - const { isLoggedIn, logout } = useAuth(); + const { isLoggedIn } = useAuth(); const router = useRouter(); const [accessToken, setAccessToken] = useAtom(accessTokenAtom); @@ -170,16 +170,7 @@ export default function Header({}: {}) { } > - - - 로그아웃 - - + diff --git a/src/components/UI/Header/private/LoggedIn.tsx b/src/components/UI/Header/private/LoggedIn.tsx new file mode 100644 index 0000000..e14eff7 --- /dev/null +++ b/src/components/UI/Header/private/LoggedIn.tsx @@ -0,0 +1,49 @@ +/* + * Created on Sun Jun 02 2024 + * + * Copyright (c) 2024 Your Company + */ + +import styled from "@emotion/styled"; +import Image from "next/image"; + +import { Column, Row } from "@/components/Layouts"; +import { useAuth } from "@/hooks"; +import { Button } from "@/components/Design"; + +import woni_happy from "@/assets/woni/woni_happy.png"; + +export default function LoggedIn() { + const { logout } = useAuth(); + + return ( + + + + 내 정보 + + + 로그아웃 + + +
+ woni_happy +
+
+ ); +} + +const Wrapper = styled(Row.li)` + border-radius: 20px; + border: 2px solid ${({ theme }) => theme.color.primary_60}; + padding: 9px 14px; +`; diff --git a/src/components/UI/Header/private/index.ts b/src/components/UI/Header/private/index.ts index f20e9d6..f5accdb 100644 --- a/src/components/UI/Header/private/index.ts +++ b/src/components/UI/Header/private/index.ts @@ -5,3 +5,4 @@ */ export { default as LoginButton } from "./LoginButton"; +export { default as LoggedIn } from "./LoggedIn";