synced/coder
1
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2025-07-12 00:14:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: show notifications on mobile (#17008)

Browse Source 
Show the notifications close to the menu button.

**After fix:**
<img width="515" alt="Screenshot 2025-03-19 at 15 09 36"
src="https://github.com/user-attachments/assets/38f86c5b-d324-4a8b-9c68-ea818b226ae4"
/>
This commit is contained in:
Bruno Quaresma
2025-03-19 15:19:57 -03:00
committed by GitHub
parent abbd88b819
commit ab763ca242
2 changed files with 26 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
site/src/modules/dashboard/Navbar/MobileMenu.tsx
View File

@ -67,9 +67,8 @@ export const MobileMenu: FC<MobileMenuProps> = ({
<DropdownMenuTrigger asChild>
<Button
aria-label={open ? "Close menu" : "Open menu"}
size="lg"
size="icon-lg"
variant="subtle"
className="ml-auto md:hidden"
>
{open ? <XIcon /> : <MenuIcon />}
</Button>

48
site/src/modules/dashboard/Navbar/NavbarView.tsx
View File

@ -55,7 +55,7 @@ export const NavbarView: FC<NavbarViewProps> = ({
<NavItems className="ml-4" />
<div className=" hidden md:flex items-center gap-3 ml-auto">
<div className="hidden md:flex items-center gap-3 ml-auto">
{proxyContextValue && (
<ProxyMenu proxyContextValue={proxyContextValue} />
)}
@ -67,18 +67,6 @@ export const NavbarView: FC<NavbarViewProps> = ({
canViewHealth={canViewHealth}
/>
<NotificationsInbox
fetchNotifications={API.getInboxNotifications}
markAllAsRead={() => {
throw new Error("Function not implemented.");
}}
markNotificationAsRead={(notificationId) =>
API.updateInboxNotificationReadStatus(notificationId, {
is_read: true,
})
}
/>
{user && (
<UserDropdown
user={user}
@ -89,16 +77,30 @@ export const NavbarView: FC<NavbarViewProps> = ({
)}
</div>
<MobileMenu
proxyContextValue={proxyContextValue}
user={user}
supportLinks={supportLinks}
onSignOut={onSignOut}
canViewAuditLog={canViewAuditLog}
canViewOrganizations={canViewOrganizations}
canViewDeployment={canViewDeployment}
canViewHealth={canViewHealth}
/>
<div className="ml-auto flex items-center gap-3 md:hidden">
<NotificationsInbox
fetchNotifications={API.getInboxNotifications}
markAllAsRead={() => {
throw new Error("Function not implemented.");
}}
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>
);
};