fix complaint/lega render

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}
+						key={"complaint_" + localViolation.id}
-						selectedViolation={selectedViolation}
+						selectedViolation={localViolation}
 						updateStatusHandler={updateStatusHandler}
 					/>
 				)}
 				{activeTab === 'legal' && (
 					<CaseLegal
-						key={"legal_" + selectedViolation.id}
+						key={"legal_" + localViolation.id}
-						selectedViolation={selectedViolation}
+						selectedViolation={localViolation}
 						updateStatusHandler={updateStatusHandler}
 					/>
 				)}