Pada menu perubahan sanksi, isi dari 'Sanksi Berupa' ialah sanksi terberat

components/NaikSanksi/TableLaporan.js

@@ -6,6 +6,24 @@ import 'moment/min/locales';
 moment.locale('id');
 
 function TableLaporan({ listData, to, linkName, status = false, noBy = false }) {
+	const getLabelSanksi = (arrayOfObjects, property) => {
+		if (arrayOfObjects?.length === 0) {
+			return undefined;
+		}
+		// let data = null
+		let maxValue = arrayOfObjects[0][property];
+		for (let i = 1; i < arrayOfObjects.length; i++) {
+			if (arrayOfObjects[i][property] > maxValue) {
+				maxValue = arrayOfObjects[i][property];
+				// data = arrayOfObjects[i]
+			}
+			// else {
+			// 	data = arrayOfObjects[i]
+			// }
+		}
+		return maxValue;
+	}
+
 	return (
 		<div className="card b ">
 			<div className="card-body card-over">
@@ -61,12 +79,14 @@ function TableLaporan({ listData, to, linkName, status = false, noBy = false })
 													</div>
 												</div>
 											</td>
-
-
-											<td>
-												{/* {data.sanksi.masa_berlaku?.to_date ? (<h4 className="m-0"> {moment(data.sanksi.masa_berlaku?.from_date).format("DD MMMM YYYY")} - {moment(data.sanksi.masa_berlaku?.to_date).format("DD MMMM YYYY")}</h4>) : (<h4 className="m-0">6 Bulan</h4>)} */}
+											{/* <td>
 												{data.sanksi.length ? data.sanksi.map((e) => (<h4 className="w-105">Sanksi Administratif {e.label}</h4>)) : data.pelanggaran.map((e) => (<h4 className="w-105">Sanksi Administratif:  {e.label_sanksi}</h4>))}
 												<p className="w-105">{data.keterangan}</p>
+											</td> */}
+											<td>
+												<h4 className="w-105">
+													Sanksi Administratif : {getLabelSanksi(data.sanksi, "level") === 3 ? "Berat" : getLabelSanksi(data.sanksi, "level") === 2 ? "Sedang" : "Ringan"}
+												</h4>
 											</td>
 											{!noBy && <td>{data.user.isPrivate ? "" : data.user.nama}</td>}
 											<td>

components/TurunSanksi/TableLaporan.js

@@ -6,6 +6,23 @@ import 'moment/min/locales';
 moment.locale('id');
 
 function TableLaporan({ listData, to, linkName, status = false, noBy = false }) {
+	const getLabelSanksi = (arrayOfObjects, property) => {
+		if (arrayOfObjects?.length === 0) {
+			return undefined; // Return undefined for empty arrays
+		}
+		// let data = null
+		let maxValue = arrayOfObjects[0][property];
+		for (let i = 1; i < arrayOfObjects.length; i++) {
+			if (arrayOfObjects[i][property] > maxValue) {
+				maxValue = arrayOfObjects[i][property];
+				// data = arrayOfObjects[i]
+			}
+			// else {
+			// 	data = arrayOfObjects[i]
+			// }
+		}
+		return maxValue;
+	}
 	return (
 		<div className="card b ">
 			<div className="card-body card-over">
@@ -63,10 +80,14 @@ function TableLaporan({ listData, to, linkName, status = false, noBy = false })
 											</td>
 
 
-											<td>
-												{/* <h4 className="w-105">Sanksi Administratif: {data.pelanggaran.map((e) => e.label_sanksi)}</h4> */}
+											{/* <td>
 												{data.sanksi.length ? data.sanksi.map((e) => (<h4 className="w-105">Sanksi Administratif {e.label}</h4>)) : data.pelanggaran.map((e) => (<h4 className="w-105">Sanksi Administratif:  {e.label_sanksi}</h4>))}
 												<p className="w-105">{data.sanksi.keterangan}</p>
+											</td> */}
+											<td>
+												<h4 className="w-105">
+													Sanksi Administratif : {getLabelSanksi(data.sanksi, "level") === 3 ? "Berat" : getLabelSanksi(data.sanksi, "level") === 2 ? "Sedang" : "Ringan"}
+												</h4>
 											</td>
 											{!noBy && <td>{data.user.isPrivate ? "" : data.user.nama}</td>}
 											<td>