-
{t('loading')}...
+
+
+
);
}
diff --git a/src/app/ui/file-page/violation-table/file-page-violation-info.tsx b/src/app/ui/file-page/violation-table/file-page-violation-info.tsx
index e2b34d4..18f084c 100644
--- a/src/app/ui/file-page/violation-table/file-page-violation-info.tsx
+++ b/src/app/ui/file-page/violation-table/file-page-violation-info.tsx
@@ -12,6 +12,7 @@ import { useCallback, useEffect, useState } from 'react';
import { MatchStatus } from '@/app/actions/violationActions';
import { toast } from 'sonner';
import FilePageViolationEpmtyScreen from '@/app/ui/file-page/violation-table/file-page-violation-epmty-screen';
+import Image from 'next/image';
export default function FilePageViolationInfo({ selectedViolation }: { selectedViolation: ViolationFileDetail | null }) {
const t = useTranslations('Global');
@@ -88,7 +89,17 @@ export default function FilePageViolationInfo({ selectedViolation }: { selectedV
+
+
- 
+ {
+ const target = e.target as HTMLImageElement;
+ target.src = '/images/no-image.png';
+ }}
+ />
(null);
+ const [cachedPagination, setCachedPagination] = useState<{
+ total_pages: number;
+ total_elements: number;
+ current_page: number;
+ } | null>(null);
+
const { data: fileViolations, error, isPending } = useFileViolations(fileId, currentPage, status);
- if (!fileViolations?.violations) {
- return null;
- }
+ useEffect(() => {
+ if (fileViolations?.violations) {
+ setCachedPagination({
+ total_pages: fileViolations.total_pages,
+ total_elements: fileViolations.total_elements,
+ current_page: fileViolations.current_page
+ });
+ }
+ }, [fileViolations]);
+ const paginationData = fileViolations?.violations ? fileViolations : cachedPagination;
+
+ if (!fileViolations?.violations) {
+ return
- {fileViolations.violations.map(item => {
+ {fileViolations?.violations.map(item => {
return (
- 
+ {
+ const target = e.target as HTMLImageElement;
+ target.src = '/images/no-image.png';
+ }}
+ />
- {t('total-violations')}: {fileViolations.total_elements} | {t('page')} {fileViolations.current_page} {t('out-of')} {fileViolations.total_pages}
+ {t('total-violations')}: {fileViolations?.total_elements} | {t('page')} {fileViolations?.current_page} {t('out-of')} {fileViolations?.total_pages}
- {fileViolations.total_pages > 1 && (
+ {fileViolations?.total_pages > 1 && (
@@ -215,14 +251,14 @@ export default function FilePageViolationsList({
diff --git a/src/app/ui/file-page/violation-table/file-page-violations-loading-list.tsx b/src/app/ui/file-page/violation-table/file-page-violations-loading-list.tsx
new file mode 100644
index 0000000..d445f00
--- /dev/null
+++ b/src/app/ui/file-page/violation-table/file-page-violations-loading-list.tsx
@@ -0,0 +1,143 @@
+'use client'
+
+import Link from 'next/link';
+import FilePageViolationInfo from '@/app/ui/file-page/violation-table/file-page-violation-info';
+import DropDownList from '@/app/components/DropDownList';
+import { IconArrowLeft, IconArrowRight, IconDoubleArrowLeft, IconDoubleArrowRight } from '@/app/ui/icons/icons';
+import { useTranslations } from 'next-intl';
+
+export default function FilePageViolationsLoadingList({
+ currentPage,
+ fileId,
+ status,
+ cachedTotalPages,
+ cachedTotalElements,
+ cachedCurrentPage,
+}: {
+ currentPage: number,
+ fileId: string,
+ status: string | undefined,
+ cachedTotalPages: number | undefined,
+ cachedTotalElements: number | undefined,
+ cachedCurrentPage: number | undefined
+}) {
+ const t = useTranslations('Global');
+ const tStatus = useTranslations('Match-status');
+
+ const getPageNumbers = () => {
+ const pages = [];
+ const maxVisible = 5;
+ const total = cachedTotalPages;
+
+ let start = Math.max(1, currentPage - Math.floor(maxVisible / 2));
+ let end = Math.min(total ? total : 0, start + maxVisible - 1);
+
+ if (end - start + 1 < maxVisible) {
+ start = Math.max(1, end - maxVisible + 1);
+ }
+
+ for (let i = start; i <= end; i++) {
+ pages.push(i);
+ }
+
+ return pages;
+ };
+
+ return (
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/i18n/messages/en.json b/src/i18n/messages/en.json
index 3405c52..37a5569 100644
--- a/src/i18n/messages/en.json
+++ b/src/i18n/messages/en.json
@@ -407,7 +407,14 @@
"priority": "Priority",
"type": "Type",
"lawyer": "Lawyer",
- "not-assigned": "Not assigned"
+ "not-assigned": "Not assigned",
+ "create-case": "Create case",
+ "case-name": "Case name",
+ "amount-of-damage": "Amount of damage",
+ "text-of-the-case": "Text of the case",
+ "fill-text-of-the-case": "Fill the case text",
+ "fill-title-of-the-case": "Fill the case title",
+ "enter-the-amount-of-damage": "Enter the amount of damage"
},
"Login-register-form": {
"and": "and",
diff --git a/src/i18n/messages/ru.json b/src/i18n/messages/ru.json
index e5c0de6..7ff5e2e 100644
--- a/src/i18n/messages/ru.json
+++ b/src/i18n/messages/ru.json
@@ -407,7 +407,14 @@
"priority": "Приоритет",
"type": "Тип",
"lawyer": "Адвокат",
- "not-assigned": "Не назначено"
+ "not-assigned": "Не назначено",
+ "create-case": "Создать дело",
+ "case-name": "Название дела",
+ "amount-of-damage": "Сумма ущерба",
+ "text-of-the-case": "Текст дела",
+ "fill-text-of-the-case": "Заполните текст дела",
+ "fill-title-of-the-case": "Заполните название дела",
+ "enter-the-amount-of-damage": "Введите сумму ущерба"
},
"Login-register-form": {
"and": "и",
+
+
+ + {t('all-file-violations')} +
+ +
+
+
+
+ { }}
+ >
+ {t('all-statuses')}
+ {tStatus('NEW')}
+ {tStatus('SHOWED')}
+ {tStatus('LEGAL_IN_WORK')}
+ {tStatus('COMPLAINT_IN_WORK')}
+ {tStatus('COMPLAINT_AND_LEGAL_IN_WORK')}
+ {tStatus('AUTHORIZED_USE')}
+
+
+
+
+
+
+
+
+
+
+
+ {t('total-violations')}: {cachedTotalElements} | {t('page')} {cachedCurrentPage} {t('out-of')} {cachedTotalPages}
+
+
+
+
+
+
+
+
+ {getPageNumbers().map(pageNum => (
+
+ ))}
+
+
+
+
+
+