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);