Mar 21, 2025 · Mar 21, 2025
diff --git a/site/src/modules/dashboard/Navbar/NavbarView.tsx b/site/src/modules/dashboard/Navbar/NavbarView.tsx

 <NavItems className="ml-4" />

 <div className="hidden md:flex items-center gap-3 ml-auto">
 <div className="flex items-center gap-3 ml-auto">
 {proxyContextValue && (
 <ProxyMenu proxyContextValue={proxyContextValue} />
 <div className="hidden md:block">
 <ProxyMenu proxyContextValue={proxyContextValue} />
 </div>
 )}

 <DeploymentDropdown
 canViewAuditLog={canViewAuditLog}
 canViewOrganizations={canViewOrganizations}
 canViewDeployment={canViewDeployment}
 canViewHealth={canViewHealth}
 />
 <div className="hidden md:block">
 <DeploymentDropdown
 canViewAuditLog={canViewAuditLog}
 canViewOrganizations={canViewOrganizations}
 canViewDeployment={canViewDeployment}
 canViewHealth={canViewHealth}
 />
 </div>

 <NotificationsInbox
 fetchNotifications={API.getInboxNotifications}
 />

 {user && (
 <UserDropdown
 <div className="hidden md:block">
 <UserDropdown
 user={user}
 buildInfo={buildInfo}
 supportLinks={supportLinks}
 onSignOut={onSignOut}
 />
 </div>
 )}

 <div className="md:hidden">
 <MobileMenu
 proxyContextValue={proxyContextValue}
 user={user}
 buildInfo={buildInfo}
 supportLinks={supportLinks}
 onSignOut={onSignOut}
 canViewAuditLog={canViewAuditLog}
 canViewOrganizations={canViewOrganizations}
 canViewDeployment={canViewDeployment}
 canViewHealth={canViewHealth}
 />
 )}
 </div>

 <div className="ml-auto flex items-center gap-3 md:hidden">
 <NotificationsInbox
 fetchNotifications={API.getInboxNotifications}
 markAllAsRead={API.markAllInboxNotificationsAsRead}
 markNotificationAsRead={(notificationId) =>
 API.updateInboxNotificationReadStatus(notificationId, {
 is_read: true,
 })
 }
 />

 <MobileMenu
 proxyContextValue={proxyContextValue}
 user={user}
 supportLinks={supportLinks}
 onSignOut={onSignOut}
 canViewAuditLog={canViewAuditLog}
 canViewOrganizations={canViewOrganizations}
 canViewDeployment={canViewDeployment}
 canViewHealth={canViewHealth}
 />
 </div>
 </div>
 </div>
 );
Original file line number	Diff line number	Diff line change
Expand Up		@@ -55,17 +55,21 @@ export const NavbarView: FC<NavbarViewProps> = ({

		<NavItems className="ml-4" />

		<div className="hidden md:flex items-center gap-3 ml-auto">
		<div className="flex items-center gap-3 ml-auto">
		{proxyContextValue && (
		<ProxyMenu proxyContextValue={proxyContextValue} />
		<div className="hidden md:block">
		<ProxyMenu proxyContextValue={proxyContextValue} />
		</div>
		)}

		<DeploymentDropdown
		canViewAuditLog={canViewAuditLog}
		canViewOrganizations={canViewOrganizations}
		canViewDeployment={canViewDeployment}
		canViewHealth={canViewHealth}
		/>
		<div className="hidden md:block">
		<DeploymentDropdown
		canViewAuditLog={canViewAuditLog}
		canViewOrganizations={canViewOrganizations}
		canViewDeployment={canViewDeployment}
		canViewHealth={canViewHealth}
		/>
		</div>

		<NotificationsInbox
		fetchNotifications={API.getInboxNotifications}
Expand All		@@ -78,36 +82,28 @@ export const NavbarView: FC<NavbarViewProps> = ({
		/>

		{user && (
		<UserDropdown
		<div className="hidden md:block">
		<UserDropdown
		user={user}
		buildInfo={buildInfo}
		supportLinks={supportLinks}
		onSignOut={onSignOut}
		/>
		</div>
		)}

		<div className="md:hidden">
		<MobileMenu
		proxyContextValue={proxyContextValue}
		user={user}
		buildInfo={buildInfo}
		supportLinks={supportLinks}
		onSignOut={onSignOut}
		canViewAuditLog={canViewAuditLog}
		canViewOrganizations={canViewOrganizations}
		canViewDeployment={canViewDeployment}
		canViewHealth={canViewHealth}
		/>
		)}
		</div>

		<div className="ml-auto flex items-center gap-3 md:hidden">
		<NotificationsInbox
		fetchNotifications={API.getInboxNotifications}
		markAllAsRead={API.markAllInboxNotificationsAsRead}
		markNotificationAsRead={(notificationId) =>
		API.updateInboxNotificationReadStatus(notificationId, {
		is_read: true,
		})
		}
		/>

		<MobileMenu
		proxyContextValue={proxyContextValue}
		user={user}
		supportLinks={supportLinks}
		onSignOut={onSignOut}
		canViewAuditLog={canViewAuditLog}
		canViewOrganizations={canViewOrganizations}
		canViewDeployment={canViewDeployment}
		canViewHealth={canViewHealth}
		/>
		</div>
		</div>
		</div>
		);
Expand Down