SubNav.js

import { Link } from "react-router-dom";
import { useAuth } from "../../context/auth_context.js"
const SubNav = () => {
    const { user, logout } = useAuth();

    return (
        <nav className="nav justify-content-end py-1">
            {(user.id === 0) ? <>
                <Link className="nav-link text-white" to="/login">로그인</Link>
                <Link className="nav-link text-white" to="/signup" >회원가입</Link> </>
                : <>{(user.role === "admin") ?
                    <Link className="nav-link text-white" to="/admin">관리자페이지</Link>
                    : ((user.role === "member") ?
                        <Link className="nav-link text-white" to="/mypage">마이페이지</Link>
                        : <Link className="nav-link text-white" to="/guest">예매확인</Link>)}
                    <Link className="nav-link text-white" to="/" onClick={logout}>로그아웃</Link></>
            }
                </nav>
    )
}
            export default SubNav