diff --git a/apps/cyberstorm-remix/app/commonComponents/Navigation/Navigation.tsx b/apps/cyberstorm-remix/app/commonComponents/Navigation/Navigation.tsx index 4e6fd4730..628a06cb7 100644 --- a/apps/cyberstorm-remix/app/commonComponents/Navigation/Navigation.tsx +++ b/apps/cyberstorm-remix/app/commonComponents/Navigation/Navigation.tsx @@ -6,6 +6,7 @@ import { faCaretDown, faCog, faUsers, + faUpload, } from "@fortawesome/free-solid-svg-icons"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; @@ -156,10 +157,18 @@ export function Navigation(props: { Get Manager - {/* TODO: Add when upload page and notifs are a thing */} - {/* - UPLOAD AND NOTIFS - */} + {currentUser?.username ? ( + + + + ) : null} + {hydrationCheck && currentUser ? ( ) : ( diff --git a/packages/cyberstorm-theme/src/components/Button/IconButton.css b/packages/cyberstorm-theme/src/components/Button/IconButton.css index 040499f09..66b235b32 100644 --- a/packages/cyberstorm-theme/src/components/Button/IconButton.css +++ b/packages/cyberstorm-theme/src/components/Button/IconButton.css @@ -228,7 +228,7 @@ --icon-button-secondary-bg-color--default: var(--color-surface-a7); --icon-button-secondary-bg-color--hover: var(--color-surface-a8); --icon-button-secondary-icon-color--active: var(--color-text-primary); - --icon-button-secondary-icon-color--default: var(--color-text-primary); + --icon-button-secondary-icon-color--default: var(--color-text-accent); --icon-button-secondary-icon-color--hover: var(--color-text-primary); --icon-button-success-bg-color--active: var(--color-accent-green-2); --icon-button-success-bg-color--default: var(--color-accent-green-4);