+
+ {isDragActive ? (
+
+
Drop the files here ...
:
) : (
-
-
- Drop files here
- Pdf file less than 30mb
- Upload Document
-
+
+
Drag 'n' drop some files here, or click to select files
)}
-
+
);
}
diff --git a/frontend/src/components/AccountLine.tsx b/frontend/src/components/AccountLine.tsx
index fdcbe736..afa1ca04 100644
--- a/frontend/src/components/AccountLine.tsx
+++ b/frontend/src/components/AccountLine.tsx
@@ -1,22 +1,13 @@
-import { ActionIcon, Badge, Divider, Group, HoverCard, Space, Stack, Table, Text } from '@mantine/core';
import { useLocalStorage } from '@mantine/hooks';
-import { IconChevronDown, IconChevronRight } from '@tabler/icons-react';
import { useNavigate } from 'react-router';
import { AccountStatus } from '../rest-model';
import AccountTrie from '../utils/AccountTrie';
import Amount from './Amount';
-import { createStyles } from '@mantine/emotion';
-
-const useStyles = createStyles((theme, _, u) => ({
- leaf: {
- cursor: 'pointer',
- },
- nonLeaf: {},
- leafAmount: {},
- nonLeafAmount: {
- color: theme.colors.gray[5],
- },
-}));
+import { TableCell, TableRow } from './ui/table';
+import { Badge } from './ui/badge';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip';
+import { cn } from '@/lib/utils';
+import { ChevronDownIcon, ChevronRightIcon } from 'lucide-react';
interface Props {
data: AccountTrie;
@@ -25,82 +16,80 @@ interface Props {
export default function AccountLine({ data, spacing }: Props) {
let navigate = useNavigate();
- const { classes } = useStyles();
- const [isShow, setCollapse] = useLocalStorage({ key: `account-collapse-${data.path}`, defaultValue: false });
+ const [isShow, setCollapse] = useLocalStorage({
+ key: `account-collapse-${data.path}`,
+ defaultValue: false,
+ });
const haveMultipleCommodity = Object.keys(data.amount.data).length > 1;
const onNavigate = () => {
if (data?.val?.name) {
navigate(data?.val?.name);
+ } else {
+ setCollapse(!isShow);
}
};
const hasChildren = Object.keys(data.children).length > 0;
return (
<>
-
-
-
-
+
+
+
+
{hasChildren ? (
-
setCollapse(!isShow)}>
- {isShow ? : }
-
+ isShow ? (
+
setCollapse(!isShow)} className="h-5 w-5 cursor-pointer" />
+ ) : (
+ setCollapse(!isShow)} className="h-5 w-5 cursor-pointer" />
+ )
) : (
-
+
)}
-
-
+
+
{data.val?.alias ?? data.word}
- {data.val?.status === AccountStatus.Close && (
-
- {data.val?.status}
-
- )}
-
+ {data.val?.status === AccountStatus.Close && {data.val?.status}}
+
- {data.val && (
-
- {data.val?.name}
-
- )}
+ {data.val &&
{data.val?.name}}
{haveMultipleCommodity ? (
-
-
-
- ≈
-
-
-
-
- {Object.entries(data.amount.data).map(([key, value]) => (
-
- +
-
-
- ))}
-
-
- =
-
-
-
-
-
+
+
+
+
+
+
+
+ {Object.entries(data.amount.data).map(([key, value]) => (
+
+ ))}
+
+
) : (
-
+
)}
-
-
-
-
+
+ {title &&
{title}
}
+
{children}
+
+
+ {props.latest_price_amount && (
+
+ )}
+
{children}
;
}
diff --git a/frontend/src/components/ErrorBox.tsx b/frontend/src/components/ErrorBox.tsx
index e560c820..639d1559 100644
--- a/frontend/src/components/ErrorBox.tsx
+++ b/frontend/src/components/ErrorBox.tsx
@@ -1,14 +1,18 @@
-import { Anchor, Button, Group, Image, Modal, Pagination, Stack, Text, Textarea } from '@mantine/core';
import { useState } from 'react';
import { useTranslation } from 'react-i18next';
import { errorAtom, errorPageAtom, LedgerError } from '../states/errors';
import { ErrorsSkeleton } from './skeletons/errorsSkeleton';
import { useAtomValue, useSetAtom } from 'jotai';
import Joyride from '../assets/joyride.svg';
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from './ui/dialog';
+import { Button } from './ui/button';
+import { Textarea } from './ui/textarea';
+import { useDisclosure } from '@mantine/hooks';
+import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './ui/pagination';
export default function ErrorBox() {
const { t } = useTranslation();
- const [isOpen, setIsOpen] = useState(false);
+ const [isOpen, isOpenHandler] = useDisclosure(false);
const [selectError, setSelectError] = useState(null);
const [selectErrorContent, setSelectErrorContent] = useState('');
@@ -26,7 +30,7 @@ export default function ErrorBox() {
const toggleError = (error: LedgerError) => {
setSelectError(error);
setSelectErrorContent(error.span.content);
- setIsOpen(true);
+ isOpenHandler.open();
};
const saveErrorModifyData = () => {
@@ -38,63 +42,85 @@ export default function ErrorBox() {
// end: selectError?.span.end,
// },
// });
- setIsOpen(false);
+ isOpenHandler.close();
};
const onModalReset = () => {
setSelectErrorContent(selectError?.span.content || '');
};
return (
<>
- setIsOpen(false)}
- title={`${selectError?.span.filename}:L${selectError?.span.start}:${selectError?.span.end}`}
- >
- {t(`ERROR.${selectError?.error_type || ''}`)}
-