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