diff --git a/src/app/ui/icons/icons.tsx b/src/app/ui/icons/icons.tsx index 42161eb..6e2f52c 100644 --- a/src/app/ui/icons/icons.tsx +++ b/src/app/ui/icons/icons.tsx @@ -110,17 +110,6 @@ export function IconFilter() { ) } -/* - - - - */ - -{/* - - - - */} export function IconNotification() { return ( @@ -187,4 +176,16 @@ export function IconInfo() { return ( ) +} + +export function IconWarning() { + return ( + + ) +} + +export function IconGraph() { + return ( + + ) } \ No newline at end of file diff --git a/src/app/ui/reports/reports-info.tsx b/src/app/ui/reports/reports-info.tsx index 9b96ef6..cecb004 100644 --- a/src/app/ui/reports/reports-info.tsx +++ b/src/app/ui/reports/reports-info.tsx @@ -1,7 +1,8 @@ 'use client' import { useTranslations } from 'next-intl'; -import {useUserFilesInfo} from '@/app/hooks/react-query/useUserFilesInfo'; +import { useUserFilesInfo } from '@/app/hooks/react-query/useUserFilesInfo'; +import {IconDocument, IconSearch, IconWarning, IconGraph} from '@/app/ui/icons/icons'; export default function ReportsInfo() { const t = useTranslations("Global"); @@ -10,34 +11,48 @@ export default function ReportsInfo() { const { data: filesInfo, isLoading, isError, error } = useUserFilesInfo(); return ( -
-
-
- {t('all-content')} + <> +
+
+
+
+ +
+
+
{filesInfo?.total.quantity ? filesInfo?.total.quantity : 0}
+
{t('all-content')}
-
{filesInfo?.total.quantity ? filesInfo?.total.quantity : 0}
-
-
-
- {t('violations-few')} +
+
+
+ +
+
+
{filesInfo?.total.violation ? filesInfo?.total.violation : 0}
+
{t('violations-few')}
-
{filesInfo?.total.violation ? filesInfo?.total.violation : 0}
-
-
-
- {t('monitoring')} +
+
+
+ +
+
+
{filesInfo?.total.check ? filesInfo?.total.check : 0}
+
{t('monitoring')}
-
{filesInfo?.total.check ? filesInfo?.total.check : 0}
-
-
-
- {t('efficiency')} +
+
+
+ +
+
+
100%
+
{t('efficiency')}
-
100%
-
+ ) } \ No newline at end of file