Commit 6ed85528 authored by Yoon, Daeki's avatar Yoon, Daeki 😅
Browse files

Header 컨텍스트 적용

parent 12f70a45
import React from "react";
import { Link } from "react-router-dom";
import { useAuth } from "../auth/auth.context";
export const Header = () => (
export const Header = () => {
const { user, logout } = useAuth();
return (
<div className="bg-white border-b-2 border-b-themeColor px-2 sm:px-4 py-2.5">
<div className="container flex flex-wrap justify-between items-center mx-auto">
<Link to="/" className="font-bold text-2xl text-themeColor">
Simple Survey Form
</Link>
<div className="md:flex items-center justify-end md:flex-1 lg:w-0">
{user.isLoggedIn ? (
<button onClick={() => logout()}>Logout</button>
) : (
<Link
to="/login"
className="whitespace-nowrap font-bold text-gray-600 hover:text-themeColor mx-1 py-2 px-3 rounded-md"
>
Login
</Link>
)}
<Link
to="/signup"
className="whitespace-nowrap font-bold text-white hover:bg-blue-500 mx-1 py-2 px-3 bg-themeColor rounded-md "
......@@ -23,4 +32,5 @@ export const Header = () => (
</div>
</div>
</div>
);
);
};
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment