import { Box, Card, Group, SimpleGrid, Stack, Text, Title, UnstyledButton, createStyles, } from '@mantine/core'; import { IconArrowRight } from '@tabler/icons-react'; import { useSession } from 'next-auth/react'; import Head from 'next/head'; import Image from 'next/image'; import Link from 'next/link'; import { MainLayout } from '~/components/layout/admin/main-admin.layout'; import { useScreenLargerThan } from '~/hooks/useScreenLargerThan'; const ManagementPage = () => { const { classes } = useStyles(); const largerThanMd = useScreenLargerThan('md'); const { data: sessionData } = useSession(); return ( Manage • Homarr Welcome back, {sessionData?.user?.name ?? 'Anonymous'} Welcome to Your Application Hub. Organize, Optimize, and Conquer! Quick actions Your boards Show a list of all your dashboards Invite a new user Create and send an invitation for registration Your preferences Adjust language, colors and more Manage users Delete and manage your users ); }; export default ManagementPage; const useStyles = createStyles((theme) => ({ box: { borderRadius: theme.radius.md, backgroundColor: theme.colorScheme === 'dark' ? theme.fn.rgba(theme.colors.red[8], 0.1) : theme.colors.red[1], }, boxTitle: { color: theme.colors.red[6], }, quickActionCard: { height: '100%', backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2], '&:hover': { backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[3], }, }, }));