fix(dashboard): users table overflow

This commit is contained in:
Deep-Codes 2022-08-30 21:56:28 +05:30
parent d1f80d4088
commit d9bc989c74

View File

@ -29,6 +29,7 @@ import {
MenuItem, MenuItem,
useToast, useToast,
Spinner, Spinner,
TableContainer
} from '@chakra-ui/react'; } from '@chakra-ui/react';
import { import {
FaAngleLeft, FaAngleLeft,
@ -262,8 +263,7 @@ export default function Users() {
.toPromise(); .toPromise();
if (res.data?._update_user?.id) { if (res.data?._update_user?.id) {
toast({ toast({
title: `Multi factor authentication ${ title: `Multi factor authentication ${user.is_multi_factor_auth_enabled ? 'disabled' : 'enabled'
user.is_multi_factor_auth_enabled ? 'disabled' : 'enabled'
} for user`, } for user`,
isClosable: true, isClosable: true,
status: 'success', status: 'success',
@ -293,6 +293,7 @@ export default function Users() {
</Flex> </Flex>
{!loading ? ( {!loading ? (
userList.length > 0 ? ( userList.length > 0 ? (
<TableContainer>
<Table variant="simple"> <Table variant="simple">
<Thead> <Thead>
<Tr> <Tr>
@ -547,6 +548,7 @@ export default function Users() {
</TableCaption> </TableCaption>
)} )}
</Table> </Table>
</TableContainer>
) : ( ) : (
<Flex <Flex
flexDirection="column" flexDirection="column"