From 8974d00078834187b37b493bbacb97b28c87baf6 Mon Sep 17 00:00:00 2001
From: smanylov <bio29s@mail.ru>
Date: Wed, 15 Apr 2026 15:55:54 +0700
Subject: [PATCH] fix complaint/lega render

---
 .../file-page-violation-info-tabs.tsx         | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/app/ui/file-page/violation-table/file-page-violation-info-tabs.tsx b/src/app/ui/file-page/violation-table/file-page-violation-info-tabs.tsx
index f8f660b..d4c977a 100644
--- a/src/app/ui/file-page/violation-table/file-page-violation-info-tabs.tsx
+++ b/src/app/ui/file-page/violation-table/file-page-violation-info-tabs.tsx
@@ -17,13 +17,19 @@ export default function FilePageViolationInfoTabs({ selectedViolation, updateSta
 	const [showTabs, setShowTabs] = useState(false);
 	const isInWork = STATUSES_IN_WORK.includes(selectedViolation.status);
 
+	const [localViolation, setLocalViolation] = useState<ViolationFileDetail>(selectedViolation);
+
 	useEffect(() => {
-		console.log(selectedViolation.status);
+		setLocalViolation(selectedViolation);
 	}, [selectedViolation]);
 
+	useEffect(() => {
+		console.log(localViolation.status);
+	}, [localViolation]);
+
 	useEffect(() => {
 		setShowTabs(false);
-	}, [selectedViolation.id]);
+	}, [localViolation.id]);
 
 	if (!isInWork && !showTabs) {
 		return (
@@ -65,27 +71,27 @@ export default function FilePageViolationInfoTabs({ selectedViolation, updateSta
 					className={`btn btn-primary ${activeTab === 'complaint' ? 'active' : ''}`}
 					onClick={() => setActiveTab('complaint')}
 				>
-					{selectedViolation.status === 'COMPLAINT_IN_WORK' || selectedViolation.status === 'COMPLAINT_AND_LEGAL_IN_WORK' ? 'Жалоба': 'Подать жалобу'}
+					{localViolation.status === 'COMPLAINT_IN_WORK' || localViolation.status === 'COMPLAINT_AND_LEGAL_IN_WORK' ? 'Жалоба' : 'Подать жалобу'}
 				</button>
 				<button
 					className={`btn btn-primary ${activeTab === 'legal' ? 'active' : ''}`}
 					onClick={() => setActiveTab('legal')}
 				>
-					{selectedViolation.status === 'LEGAL_IN_WORK' || selectedViolation.status === 'COMPLAINT_AND_LEGAL_IN_WORK' ? 'Претензия': 'Подать претензию'}
+					{localViolation.status === 'LEGAL_IN_WORK' || localViolation.status === 'COMPLAINT_AND_LEGAL_IN_WORK' ? 'Претензия' : 'Подать претензию'}
 				</button>
 			</div>
 			<div className="violation-info-content">
 				{activeTab === 'complaint' && (
 					<CaseComplaint
-						key={"complaint_" + selectedViolation.id}
-						selectedViolation={selectedViolation}
+						key={"complaint_" + localViolation.id}
+						selectedViolation={localViolation}
 						updateStatusHandler={updateStatusHandler}
 					/>
 				)}
 				{activeTab === 'legal' && (
 					<CaseLegal
-						key={"legal_" + selectedViolation.id}
-						selectedViolation={selectedViolation}
+						key={"legal_" + localViolation.id}
+						selectedViolation={localViolation}
 						updateStatusHandler={updateStatusHandler}
 					/>
 				)}