diff --git a/src/components/AdminPanel/AccountDetails.tsx b/src/components/AdminPanel/AccountDetails.tsx index 7bbc9a0e..6544f242 100644 --- a/src/components/AdminPanel/AccountDetails.tsx +++ b/src/components/AdminPanel/AccountDetails.tsx @@ -1,5 +1,5 @@ import { useEffect, useMemo } from 'react' -import { SimpleGrid, Box, Title, Paper, Loader, Center } from '@mantine/core' +import { SimpleGrid, Box, Loader, Center, Fieldset } from '@mantine/core' import useAdmin from 'hooks/useAdmin' import { useParams } from 'react-router-dom' import Dashboard from 'components/Dashboard' @@ -39,34 +39,22 @@ function AccountDetails() { // { maxWidth: 'md', cols: 1, spacing: 'xl' } // ]} > - - - Account info form - +
- - - - Deposit form - +
+
- +
- - - Activity - +
- +
- - - Campaigns - +
- +
) diff --git a/src/components/AdminPanel/AccoutInfo.tsx b/src/components/AdminPanel/AccoutInfo.tsx index 405b0c93..bbcd3f67 100644 --- a/src/components/AdminPanel/AccoutInfo.tsx +++ b/src/components/AdminPanel/AccoutInfo.tsx @@ -1,7 +1,17 @@ import { useMemo, useCallback, useState } from 'react' import { hasLength, matches, useForm, isEmail } from '@mantine/form' -import { Button, Group, TextInput, Box, NumberInput, Text, Textarea, Switch } from '@mantine/core' +import { + Button, + Group, + TextInput, + Box, + NumberInput, + Text, + Textarea, + Switch, + Stack +} from '@mantine/core' import throttle from 'lodash.throttle' import { Account } from 'types' @@ -74,76 +84,93 @@ function AccountInfo({ accountData }: { accountData: Account }) { disabled {...form.getInputProps('availableBalance')} /> - - Billing details - - * Just for info, users can edit, admins can verify only - - - - - - - + + + Billing details + + * Just for info, users can edit, admins can verify only - + + + + + + + + + + + + + + + + - - - - Additional info - - * can be seen and edited only by admins - - - - + + + + Additional info + + * can be seen and edited only by admins + + + +