diff --git a/resources/scripts/components/NavigationBar.tsx b/resources/scripts/components/NavigationBar.tsx index 85b400c00..7b9a1906d 100644 --- a/resources/scripts/components/NavigationBar.tsx +++ b/resources/scripts/components/NavigationBar.tsx @@ -5,31 +5,43 @@ import { faLayerGroup } from '@fortawesome/free-solid-svg-icons/faLayerGroup'; import { faUserCircle } from '@fortawesome/free-solid-svg-icons/faUserCircle'; import { faSignOutAlt } from '@fortawesome/free-solid-svg-icons/faSignOutAlt'; import { faSwatchbook } from '@fortawesome/free-solid-svg-icons/faSwatchbook'; +import { faCogs } from '@fortawesome/free-solid-svg-icons/faCogs'; +import { useStoreState } from 'easy-peasy'; +import { ApplicationStore } from '@/state'; -export default () => ( -
-
-
- - Pterodactyl - -
-
- - - - - - - {process.env.NODE_ENV !== 'production' && - - - - } - - - +export default () => { + const user = useStoreState((state: ApplicationStore) => state.user.data!); + + return ( +
+
+
+ + Pterodactyl + +
+
+ + + + + + + {user.rootAdmin && + + + + } + {process.env.NODE_ENV !== 'production' && + + + + } + + + +
-
-); + ); +};