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
+
}