@@ -21,13 +21,12 @@ export default function MainNavigation() {
2121 // Define navigation routes based on authentication.
2222 const routes = auth . isAuthenticated
2323 ? [
24- { name : "Opportunities" , href : "/opportunities" } ,
25- { name : "Create" , href : "/create" } ,
26- { name : "Staff" , href : "/staff" } ,
27- { name : "Profile" , href : "/profile" } ,
28- { name : "Saved" , href : "/saved" } ,
29- { name : "Sign Out" , href : "/signout" }
30- ]
24+ { name : "Opportunities" , href : "/opportunities" } ,
25+ { name : "Create" , href : "/create" } ,
26+ { name : "Staff" , href : "/staff" } ,
27+ { name : "Profile" , href : "/profile" } ,
28+ { name : "Sign Out" , href : "/signout" }
29+ ]
3130 : [ { name : "Sign In" , href : "/signin" } ] ;
3231
3332 return (
@@ -54,7 +53,8 @@ export default function MainNavigation() {
5453 key = { item . name }
5554 to = { item . href }
5655 className = { ( { isActive } ) =>
57- `text-2xl font-bold hover:underline ${ isActive ? "underline" : ""
56+ `text-2xl font-bold hover:underline ${
57+ isActive ? "underline" : ""
5858 } `
5959 }
6060 >
@@ -75,8 +75,9 @@ export default function MainNavigation() {
7575 />
7676 < div className = "w-11 h-6 bg-gray-300 dark:bg-gray-600 rounded-full" />
7777 < div
78- className = { `absolute left-1 top-1 bg-white w-4 h-4 rounded-full transition-transform ${ isDarkMode ? "translate-x-5" : ""
79- } `}
78+ className = { `absolute left-1 top-1 bg-white w-4 h-4 rounded-full transition-transform ${
79+ isDarkMode ? "translate-x-5" : ""
80+ } `}
8081 > </ div >
8182 </ div >
8283 < span className = "ml-3 text-white text-lg font-bold" >
@@ -117,8 +118,9 @@ export default function MainNavigation() {
117118 />
118119 < div className = "w-11 h-6 bg-gray-300 dark:bg-gray-600 rounded-full peer-focus:outline-none peer-checked:bg-blue-600 relative transition-all duration-300" >
119120 < div
120- className = { `absolute left-1 top-1 bg-white dark:bg-gray-300 w-4 h-4 rounded-full transition-transform duration-300 ${ isDarkMode ? "translate-x-5" : ""
121- } `}
121+ className = { `absolute left-1 top-1 bg-white dark:bg-gray-300 w-4 h-4 rounded-full transition-transform duration-300 ${
122+ isDarkMode ? "translate-x-5" : ""
123+ } `}
122124 > </ div >
123125 </ div >
124126 < span className = "ml-3 text-gray-700 dark:text-gray-200 font-medium" >
0 commit comments