import { ActionIcon, Button, Center, Flex, Pagination, Table, Text, Title } from '@mantine/core'; import { modals } from '@mantine/modals'; import { IconPlus, IconTrash } from '@tabler/icons-react'; import dayjs from 'dayjs'; import Head from 'next/head'; import { useState } from 'react'; import { MainLayout } from '~/components/layout/admin/main-admin.layout'; import { modals as applicationModals } from '~/modals/modals'; import { api } from '~/utils/api'; const ManageUserInvitesPage = () => { const { data, isFetched, fetchPreviousPage, fetchNextPage } = api.registrationTokens.getAllInvites.useInfiniteQuery({ limit: 10, }); const [activePage, _] = useState(0); return ( User invites • Homarr Manage user invites Using registration tokens, you can invite users to your Homarr instance. An invitation will only be valid for a certain time-span and can be used once. The expiration must be between 5 minutes and 12 months upon creation. {data && ( <> {data.pages[activePage].registrationTokens.map((token, index) => ( ))} {data.pages[activePage].registrationTokens.length === 0 && ( )}
ID Expires Actions
{token.id} {dayjs(dayjs()).isAfter(token.expires) ? ( expired {dayjs(token.expires).fromNow()} ) : ( in {dayjs(token.expires).fromNow(true)} )} { modals.openContextModal({ modal: 'deleteRegistrationTokenModal', title: Delete registration token, innerProps: { tokenId: token.id, } }) }} color="red" variant="light">
There are no invitations yet.
)} ); }; export default ManageUserInvitesPage;