fix complaint view bug

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "no-copy-frontend",
-	"version": "0.110.0",
+	"version": "0.111.0",
 	"private": true,
 	"scripts": {
 		"dev": "next dev -p 2999",

src/app/ui/file-page/violation-table/case-complaint.tsx

@@ -350,60 +350,48 @@ export default function CaseComplaint({ selectedViolation, updateStatusHandler,
 
 		return (
 			<div className="violation-info-case">
-				{complainInfo?.body?.content ? (
+				{complainInfo?.body ? (
-					<>
+					<div>
-						{complainInfo.body.content.map((item: complaintInfo) => {
-							return (
-								<div key={item.id}>
 						<div className="complaint-details">
 							<div className="complaint-details-item">
 								<div className="complaint-details-header">
-												<h5>COM-{item.id}</h5>
+									<h5>COM-{complainInfo.body?.id}</h5>
 								</div>
 							</div>
 
 							<div className="complaint-details-item">
 								<div className="complaint-details-title">{t('Status')}:</div>
-											<div
+								<div className="complaint-details-content">
-												className="complaint-details-content"
+									{complainInfo.body?.status}
-											>
-												{item.status}
 								</div>
 							</div>
 
 							<div className="complaint-details-item">
 								<div className="complaint-details-title">{t('date-of-creation')}:</div>
-											<div
+								<div className="complaint-details-content">
-												className="complaint-details-content"
+									{complainInfo.body?.created_at
-											>
+										? `${formatDate(complainInfo.body.created_at)}: ${formatDateTime(complainInfo.body.created_at)}`
-												{item.created_at ? `${formatDate(item.created_at)}: ${formatDateTime(item.created_at)}` : '---'}
+										: '---'}
 								</div>
 							</div>
 
 							<div className="complaint-details-item">
 								<div className="complaint-details-title">{t('date-of-update')}:</div>
-											<div
+								<div className="complaint-details-content">
-												className="complaint-details-content"
+									{complainInfo.body?.updated_at
-											>
+										? `${formatDate(complainInfo.body.updated_at)}: ${formatDateTime(complainInfo.body.updated_at)}`
-												{item.updated_at ? `${formatDate(item.updated_at)}: ${formatDateTime(item.updated_at)}` : '---'}
+										: '---'}
 								</div>
 							</div>
 
 							<div className="complaint-details-item">
-											<div className="complaint-details-title">{t('text-of-the-complaint')}:
+								<div className="complaint-details-title">{t('text-of-the-complaint')}:</div>
-
+								<div className="complaint-details-content">
-											</div>
+									{complainInfo.body?.complaint_text}
-											<div
-												className="complaint-details-content"
-											>
-												{item.complaint_text}
 								</div>
 							</div>
 						</div>
 					</div>
-							);
-						})}
-					</>
 				) : (
 					<div>
 						{t('no-information-about-the-complaint')}