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
+
+
+
+
-
-
-
-
+
+
+
+
)
}
diff --git a/src/components/AdminPanel/AdminDeposit.tsx b/src/components/AdminPanel/AdminDeposit.tsx
index 90c1359e..a3c67e34 100644
--- a/src/components/AdminPanel/AdminDeposit.tsx
+++ b/src/components/AdminPanel/AdminDeposit.tsx
@@ -1,6 +1,6 @@
import { isInRange, hasLength, matches, useForm } from '@mantine/form'
import { useCallback, useMemo, useState, FormEvent } from 'react'
-import { Button, Group, TextInput, Box, NumberInput } from '@mantine/core'
+import { Button, Group, TextInput, Box, NumberInput, Stack } from '@mantine/core'
import { defaultConfirmModalProps } from 'components/common/Modals/CustomConfirmModal'
import { modals } from '@mantine/modals'
import useAdmin from 'hooks/useAdmin'
@@ -94,69 +94,74 @@ function AdminDeposit({ accountData }: { accountData: Account }) {
return (
-
-
-
-
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+
+
)
}
diff --git a/src/components/common/CustomTable/CustomTable.tsx b/src/components/common/CustomTable/CustomTable.tsx
index ae9c37ce..b7557524 100644
--- a/src/components/common/CustomTable/CustomTable.tsx
+++ b/src/components/common/CustomTable/CustomTable.tsx
@@ -299,7 +299,7 @@ export const CustomTable = ({
}, [list, actions, isMobile, columns, selectedElements, selectedElements.size, headings])
return (
-
+
{error && (
)}
-
- {selectedElements.size && masterActionMenu}
- {tableActions}
-
+
+ {((!!selectedElements.size && !!masterActionMenu) || tableActions) && (
+
+ {selectedElements.size && masterActionMenu}
+ {tableActions}
+
+ )}
{isMobile ? (