@@ -23,16 +23,24 @@ export default function Menu({ session }) {
2323 { href : '/explore' , label : 'Explore' } ,
2424 { href : '/jobs' , label : 'Jobs' } ,
2525 { href : '/job-similarity' , label : 'Similarity' } ,
26- { href : 'https://github.com/jsonresume/jsonresume.org' , label : 'Github' , external : true } ,
26+ {
27+ href : 'https://github.com/jsonresume/jsonresume.org' ,
28+ label : 'Github' ,
29+ external : true ,
30+ } ,
2731 { href : 'https://discord.gg/GTZtn8pTXC' , label : 'Discord' , external : true } ,
2832 ] ;
2933
3034 const authItems = [
31- ...( username ? [
32- { href : `/${ username } /dashboard` , label : 'Profile' } ,
33- { href : '/editor' , label : 'Editor' } ,
34- ] : [ ] ) ,
35- session ? { onClick : signOut , label : 'Logout' } : { href : '/' , label : 'Sign in' } ,
35+ ...( username
36+ ? [
37+ { href : `/${ username } /dashboard` , label : 'Profile' } ,
38+ { href : '/editor' , label : 'Editor' } ,
39+ ]
40+ : [ ] ) ,
41+ session
42+ ? { onClick : signOut , label : 'Logout' }
43+ : { href : '/' , label : 'Sign in' } ,
3644 ] ;
3745
3846 return (
@@ -56,9 +64,13 @@ export default function Menu({ session }) {
5664 </ div >
5765 }
5866 right = {
59- < div className = { `${ isOpen ? 'block' : 'hidden' } lg:flex lg:items-center lg:flex-1` } >
67+ < div
68+ className = { `${
69+ isOpen ? 'block' : 'hidden'
70+ } lg:flex lg:items-center lg:flex-1`}
71+ >
6072 < nav className = "flex flex-col lg:flex-row lg:items-center lg:justify-end gap-4 p-4 lg:p-5" >
61- { menuItems . map ( ( item ) => (
73+ { menuItems . map ( ( item ) =>
6274 item . external ? (
6375 < a
6476 key = { item . href }
@@ -72,16 +84,17 @@ export default function Menu({ session }) {
7284 key = { item . href }
7385 href = { item . href }
7486 className = { `text-lg lg:text-xl font-bold ${
75- isActive ( item . href ) || ( item . href === '/jobs' && pathname . startsWith ( '/jobs/' ) )
87+ isActive ( item . href ) ||
88+ ( item . href === '/jobs' && pathname . startsWith ( '/jobs/' ) )
7689 ? 'text-secondary-900 underline'
7790 : 'text-black'
7891 } hover:text-secondary-900 transition-colors duration-200 py-2 lg:py-0`}
7992 >
8093 { item . label }
8194 </ Link >
8295 )
83- ) ) }
84- { authItems . map ( ( item ) => (
96+ ) }
97+ { authItems . map ( ( item ) =>
8598 item . onClick ? (
8699 < button
87100 key = { item . label }
@@ -95,7 +108,8 @@ export default function Menu({ session }) {
95108 key = { item . href }
96109 href = { item . href }
97110 className = { `text-lg lg:text-xl font-bold hover:text-secondary-900 transition-colors duration-200 py-2 lg:py-0 ${
98- ( item . href === `/${ username } /dashboard` && isProfileActive ) ||
111+ ( item . href === `/${ username } /dashboard` &&
112+ isProfileActive ) ||
99113 isActive ( item . href )
100114 ? 'text-secondary-900 underline'
101115 : 'text-black'
@@ -104,7 +118,7 @@ export default function Menu({ session }) {
104118 { item . label }
105119 </ Link >
106120 )
107- ) ) }
121+ ) }
108122 </ nav >
109123 </ div >
110124 }
0 commit comments