diff --git a/src/renderer/features/servers/components/server-list.tsx b/src/renderer/features/servers/components/server-list.tsx index 81b45bad1..e68910235 100644 --- a/src/renderer/features/servers/components/server-list.tsx +++ b/src/renderer/features/servers/components/server-list.tsx @@ -1,13 +1,17 @@ import { Accordion, Group } from '@mantine/core'; +import { openContextModal } from '@mantine/modals'; import { RiServerFill } from 'react-icons/ri'; -import { Text } from '@/renderer/components'; +import { Text, Button, ContextModalVars } from '@/renderer/components'; import { ServerListItem } from '@/renderer/features/servers/components/server-list-item'; import { useServerList } from '@/renderer/features/servers/queries/use-server-list'; +import { usePermissions } from '@/renderer/features/shared'; import { Font } from '@/renderer/styles'; import { titleCase } from '@/renderer/utils'; +import { AddServerForm } from './add-server-form'; export const ServerList = () => { const { data: servers } = useServerList(); + const permissions = usePermissions(); return ( <> @@ -27,6 +31,31 @@ export const ServerList = () => { ))} + + + ); }; diff --git a/src/renderer/features/titlebar/components/app-menu.tsx b/src/renderer/features/titlebar/components/app-menu.tsx index 215518d07..e009ae141 100644 --- a/src/renderer/features/titlebar/components/app-menu.tsx +++ b/src/renderer/features/titlebar/components/app-menu.tsx @@ -1,5 +1,5 @@ import { Group } from '@mantine/core'; -import { openModal, closeAllModals } from '@mantine/modals'; +import { openModal } from '@mantine/modals'; import { useQueryClient } from '@tanstack/react-query'; import { RiLock2Line, @@ -10,18 +10,12 @@ import { RiSettings2Line, RiEdit2Line, RiUserAddLine, - RiAddLine, } from 'react-icons/ri'; import { useNavigate } from 'react-router'; import { queryKeys } from '@/renderer/api/query-keys'; import { Button, DropdownMenu, Text } from '@/renderer/components'; -import { - AddServerForm, - ServerList, - useServerList, -} from '@/renderer/features/servers'; +import { ServerList, useServerList } from '@/renderer/features/servers'; import { Settings } from '@/renderer/features/settings'; -import { usePermissions } from '@/renderer/features/shared'; import { useAuthStore } from '@/renderer/store'; export const AppMenu = () => { @@ -31,7 +25,6 @@ export const AppMenu = () => { const currentServer = useAuthStore((state) => state.currentServer); const setCurrentServer = useAuthStore((state) => state.setCurrentServer); const serverCredentials = useAuthStore((state) => state.serverCredentials); - const permissions = usePermissions(); const { data: servers } = useServerList(); const serverList = @@ -46,17 +39,6 @@ export const AppMenu = () => { navigate('/login'); }; - const handleAddServerModal = () => { - openModal({ - centered: true, - children: , - exitTransitionDuration: 300, - overflow: 'inside', - title: 'Add server', - transition: 'slide-down', - }); - }; - const handleManageServersModal = () => { openModal({ centered: true, @@ -138,23 +120,15 @@ export const AppMenu = () => { Settings - {permissions.createServer && ( - } - onClick={handleAddServerModal} - > - Add server - - )} + }> + Manage users + } onClick={handleManageServersModal} > Manage servers - }> - Manage users - }