diff --git a/src/renderer/features/titlebar/components/app-menu.tsx b/src/renderer/features/titlebar/components/app-menu.tsx index d63e74ce4..215518d07 100644 --- a/src/renderer/features/titlebar/components/app-menu.tsx +++ b/src/renderer/features/titlebar/components/app-menu.tsx @@ -1,10 +1,20 @@ import { Group } from '@mantine/core'; import { openModal, closeAllModals } from '@mantine/modals'; import { useQueryClient } from '@tanstack/react-query'; -import { RiLock2Line, RiLogoutBoxLine, RiMenu3Fill } from 'react-icons/ri'; +import { + RiLock2Line, + RiLogoutBoxLine, + RiMenu3Fill, + RiSearch2Line, + RiSettings2Fill, + RiSettings2Line, + RiEdit2Line, + RiUserAddLine, + RiAddLine, +} from 'react-icons/ri'; import { useNavigate } from 'react-router'; import { queryKeys } from '@/renderer/api/query-keys'; -import { Button, DropdownMenu } from '@/renderer/components'; +import { Button, DropdownMenu, Text } from '@/renderer/components'; import { AddServerForm, ServerList, @@ -40,7 +50,10 @@ export const AppMenu = () => { openModal({ centered: true, children: , + exitTransitionDuration: 300, + overflow: 'inside', title: 'Add server', + transition: 'slide-down', }); }; @@ -48,7 +61,10 @@ export const AppMenu = () => { openModal({ centered: true, children: , + exitTransitionDuration: 300, + overflow: 'inside', title: 'Manage servers', + transition: 'slide-down', }); }; @@ -56,8 +72,16 @@ export const AppMenu = () => { openModal({ centered: true, children: , + exitTransitionDuration: 300, + overflow: 'inside', size: 'xl', - title: 'Settings', + title: ( + + + Settings + + ), + transition: 'slide-down', }); }; @@ -104,20 +128,33 @@ export const AppMenu = () => { ); })} - Search - + }> + Search + + } + onClick={handleSettingsModal} + > Settings {permissions.createServer && ( - + } + onClick={handleAddServerModal} + > Add server )} - + } + onClick={handleManageServersModal} + > Manage servers - Manage users + }> + Manage users + }