1. Posisi "Tanggal Laporan" lebih baik diatas "Nomor Laporan" biar informasinya berurutan

2. "Tanggal Laporan" jadi "Tanggal Dibuat Laporan"
3. "Tanggal Akhir Keberatan" --> "Tanggal Akhir Pengajuan Keberatan"

components/Delegasi/DetailLaporan.js

@@ -79,6 +79,12 @@ function DetailLaporan({ data, noTitle = false, noStatus = false }) {
                 </div>
             )}
             <form className="form-horizontal">
+                <FormGroup row>
+                    <Col md="4">Tanggal Dibuat Laporan:</Col>
+                    <Col md="8">
+                        <strong>{moment(data.createdAt).format("D MMMM YYYY")}</strong>
+                    </Col>
+                </FormGroup>
                 <FormGroup row>
                     <Col md="4">Nomor Laporan:</Col>
                     <Col md="8">
@@ -111,12 +117,6 @@ function DetailLaporan({ data, noTitle = false, noStatus = false }) {
                         </Scrollable>
                     </Col>
                 </FormGroup>
-                <FormGroup row>
-                    <Col md="4">Dibuat Pada:</Col>
-                    <Col md="8">
-                        <strong>{moment(data.createdAt).format("D MMMM YYYY")}</strong>
-                    </Col>
-                </FormGroup>
                 {!noStatus && data.aktif ? (
                     <FormGroup row>
                         <Col md="4">Status:</Col>

components/Main/DetailLaporan.js

@@ -79,6 +79,12 @@ function DetailLaporan({ data, noTitle = false, noStatus = false }) {
 				</div>
 			)}
 			<form className="form-horizontal">
+				<FormGroup row>
+					<Col md="4">Tanggal Dibuat Laporan:</Col>
+					<Col md="8">
+						<strong>{moment(data.createdAt).format("D MMMM YYYY")}</strong>
+					</Col>
+				</FormGroup>
 				<FormGroup row>
 					<Col md="4">Nomor Laporan:</Col>
 					<Col md="8">
@@ -111,12 +117,7 @@ function DetailLaporan({ data, noTitle = false, noStatus = false }) {
 						</Scrollable>
 					</Col>
 				</FormGroup>
-				<FormGroup row>
-					<Col md="4">Tanggal Laporan:</Col>
-					<Col md="8">
-						<strong>{moment(data.createdAt).format("D MMMM YYYY")}</strong>
-					</Col>
-				</FormGroup>
+
 				{!noStatus && data.aktif ? (
 					<FormGroup row>
 						<Col md="4">Status:</Col>

components/Main/DetailSanksi.js

@@ -38,7 +38,7 @@ function DetailSanksi({ data, noTitle = false }) {
 				{
 					data.tanggal_akhir_keberatan &&
 					<FormGroup row>
-						<Col md="4">Tanggal Akhir keberatan:</Col>
+						<Col md="4">Tanggal Akhir Pengajuan Keberatan</Col>
 						<Col md="8">
 							<strong>{moment(data.tanggal_akhir_keberatan).locale("id").format("D MMMM YYYY")}</strong>
 						</Col>
@@ -47,7 +47,7 @@ function DetailSanksi({ data, noTitle = false }) {
 				{
 					data.jawaban?.keberatan?.tanggal_akhir_banding &&
 					<FormGroup row>
-						<Col md="4">Tanggal Akhir Banding:</Col>
+						<Col md="4">Tanggal Akhir Pengajuan Banding:</Col>
 						<Col md="8">
 							<strong>{moment(data.jawaban?.keberatan?.tanggal_akhir_banding).locale("id").format("D MMMM YYYY")}</strong>
 						</Col>

components/PelaporanTuntas/DetailLaporan.js

@@ -79,6 +79,12 @@ function DetailLaporan({ data, noTitle = false, noStatus = false }) {
 				</div>
 			)}
 			<form className="form-horizontal">
+				<FormGroup row>
+					<Col md="4">Tanggal Dibuat Laporan:</Col>
+					<Col md="8">
+						<strong>{moment(data.createdAt).format("D MMMM YYYY")}</strong>
+					</Col>
+				</FormGroup>
 				<FormGroup row>
 					<Col md="4">Nomor Laporan:</Col>
 					<Col md="8">
@@ -111,12 +117,6 @@ function DetailLaporan({ data, noTitle = false, noStatus = false }) {
 						</Scrollable>
 					</Col>
 				</FormGroup>
-				<FormGroup row>
-					<Col md="4">Dibuat Pada:</Col>
-					<Col md="8">
-						<strong>{moment(data.createdAt).format("D MMMM YYYY")}</strong>
-					</Col>
-				</FormGroup>
 				{!noStatus && data.aktif ? (
 					<FormGroup row>
 						<Col md="4">Status:</Col>

components/Pemeriksaan/DetailLaporan.js

@@ -79,6 +79,12 @@ function DetailLaporan({ data, noTitle = false, noStatus = false }) {
 				</div>
 			)}
 			<form className="form-horizontal">
+				<FormGroup row>
+					<Col md="4">Tanggal Dibuat Laporan:</Col>
+					<Col md="8">
+						<strong>{moment(data.createdAt).format("D MMMM YYYY")}</strong>
+					</Col>
+				</FormGroup>
 				<FormGroup row>
 					<Col md="4">Nomor Laporan:</Col>
 					<Col md="8">
@@ -111,12 +117,6 @@ function DetailLaporan({ data, noTitle = false, noStatus = false }) {
 						</Scrollable>
 					</Col>
 				</FormGroup>
-				<FormGroup row>
-					<Col md="4">Dibuat Pada:</Col>
-					<Col md="8">
-						<strong>{moment(data.createdAt).format("D MMMM YYYY")}</strong>
-					</Col>
-				</FormGroup>
 				{!noStatus && data.aktif ? (
 					<FormGroup row>
 						<Col md="4">Status:</Col>

components/Penjadwalan/DetailLaporan.js

@@ -79,6 +79,12 @@ function DetailLaporan({ data, noTitle = false, noStatus = false }) {
 				</div>
 			)}
 			<form className="form-horizontal">
+				<FormGroup row>
+					<Col md="4">Tanggal Dibuat Laporan:</Col>
+					<Col md="8">
+						<strong>{moment(data.createdAt).format("D MMMM YYYY")}</strong>
+					</Col>
+				</FormGroup>
 				<FormGroup row>
 					<Col md="4">Nomor Laporan:</Col>
 					<Col md="8">
@@ -111,12 +117,6 @@ function DetailLaporan({ data, noTitle = false, noStatus = false }) {
 						</Scrollable>
 					</Col>
 				</FormGroup>
-				<FormGroup row>
-					<Col md="4">Dibuat Pada:</Col>
-					<Col md="8">
-						<strong>{moment(data.createdAt).format("D MMMM YYYY")}</strong>
-					</Col>
-				</FormGroup>
 				{noStatus && data.aktif ? (
 					<FormGroup row>
 						<Col md="4">Status:</Col>

components/PerpanjanganSanksi/DetailSanksi.js

@@ -32,11 +32,29 @@ function DetailSanksi({ data, noTitle = false }) {
 						</Col>
 					</FormGroup>
 					<FormGroup row>
-						<Col md="4">Dibuat Pada:</Col>
+						<Col md="4">Tanggal Penetapan Sanksi:</Col>
 						<Col md="8">
-							<strong>{moment(data.createdAt).format("D MMMM YYYY")}</strong>
+							<strong>{moment(data.masa_berlaku?.from_date).locale("id").format("D MMMM YYYY")}</strong>
 						</Col>
 					</FormGroup>
+					{
+						data.tanggal_akhir_keberatan &&
+						<FormGroup row>
+							<Col md="4">Tanggal Akhir keberatan:</Col>
+							<Col md="8">
+								<strong>{moment(data.tanggal_akhir_keberatan).locale("id").format("D MMMM YYYY")}</strong>
+							</Col>
+						</FormGroup>
+					}
+					{
+						data.jawaban?.keberatan?.tanggal_akhir_banding &&
+						<FormGroup row>
+							<Col md="4">Tanggal Akhir Banding:</Col>
+							<Col md="8">
+								<strong>{moment(data.jawaban?.keberatan?.tanggal_akhir_banding).locale("id").format("D MMMM YYYY")}</strong>
+							</Col>
+						</FormGroup>
+					}
 					<FormGroup row>
 						<Col md={12}>
 							<div className="card b">

components/RekomendasiDelegasi/DetailSanksi.js

@@ -33,11 +33,29 @@ function DetailSanksi({ data, noTitle = false }) {
 						</Col>
 					</FormGroup>
 					<FormGroup row>
-						<Col md="4">Dibuat Pada:</Col>
+						<Col md="4">Tanggal Penetapan Sanksi:</Col>
 						<Col md="8">
-							<strong>{moment(data.createdAt).format("D MMMM YYYY")}</strong>
+							<strong>{moment(data.masa_berlaku?.from_date).locale("id").format("D MMMM YYYY")}</strong>
 						</Col>
 					</FormGroup>
+					{
+						data.tanggal_akhir_keberatan &&
+						<FormGroup row>
+							<Col md="4">Tanggal Akhir keberatan:</Col>
+							<Col md="8">
+								<strong>{moment(data.tanggal_akhir_keberatan).locale("id").format("D MMMM YYYY")}</strong>
+							</Col>
+						</FormGroup>
+					}
+					{
+						data.jawaban?.keberatan?.tanggal_akhir_banding &&
+						<FormGroup row>
+							<Col md="4">Tanggal Akhir Banding:</Col>
+							<Col md="8">
+								<strong>{moment(data.jawaban?.keberatan?.tanggal_akhir_banding).locale("id").format("D MMMM YYYY")}</strong>
+							</Col>
+						</FormGroup>
+					}
 					<FormGroup row>
 						<Col md="4">Dokumen Sanksi:</Col>
 						<Col md="8">