udah dulu untuk hari ini

components/Extras/calendar.view.js

@@ -159,7 +159,7 @@ class Calendar extends Component {
 											<tbody>
 												<tr>
 													<td>
-														<strong>Nomor Pelaporan</strong>
+														<strong>Nomor Laporan</strong>
 													</td>
 													<td>1155937274981</td>
 												</tr>
@@ -167,14 +167,33 @@ class Calendar extends Component {
 													<td>
 														<strong>Perguruan Tinggi</strong>
 													</td>
-													<td>Satyagama</td>
+													<td>Universitas Satyagama</td>
+												</tr>
+												<tr>
+													<td>
+														<strong>Jenis Pelanggaran</strong>
+													</td>
+													<td>
+														<Scrollable height="75px" className="list-group">
+															<ul>
+																<li>Lorem ipsum dolor sit amet.</li>
+																<li>Lorem, ipsum dolor.</li>
+																<li>Lorem ipsum dolor sit.</li>
+															</ul>
+														</Scrollable>
+													</td>
 												</tr>
 												<tr>
 													<td>
 														<strong>Keterangan Laporan</strong>
 													</td>
 													<td>
-														<p>tes</p>
+														<Scrollable height="100px" className="list-group">
+															<p>
+																Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta iusto facilis ab animi molestiae totam quibusdam eveniet aperiam vitae! Voluptas, laboriosam tempore? Vitae, modi
+																asperiores.
+															</p>
+														</Scrollable>
 													</td>
 												</tr>
 												<tr>

pages/app/pemeriksaan/new.js

@@ -13,6 +13,7 @@ import {
 	Card,
 	CardHeader,
 	CardBody,
+	CardTitle,
 	FormGroup,
 	FormFeedback,
 	FormText,
@@ -153,7 +154,7 @@ class FormStandard extends Component {
 				<div className="p-3">
 					<div className="content-heading">
 						<div>
-							Evaluasi Data
+							Evaluasi Laporan
 							<small>Form update data evaluasi v.0.1</small>
 						</div>
 						<div className="ml-auto">
@@ -185,18 +186,25 @@ class FormStandard extends Component {
 												<FormGroup row>
 													<Col md="4">Jenis Pelanggaran:</Col>
 													<Col md="8">
-														<Scrollable height="70px" className="list-group">
+														<Scrollable height="75px" className="list-group">
 															<ul>
-																<li>tes</li>
-																<li>tes</li>
-																<li>tes</li>
+																<li>Lorem ipsum dolor sit amet.</li>
+																<li>Lorem, ipsum dolor.</li>
+																<li>Lorem ipsum dolor sit.</li>
 															</ul>
 														</Scrollable>
 													</Col>
 												</FormGroup>
 												<FormGroup row>
-													<Col md="4">Deskripsi Laporan:</Col>
-													<Col md="8">Addison Nichols</Col>
+													<Col md="4">Keterangan Laporan:</Col>
+													<Col md="8">
+														<Scrollable height="100px" className="list-group">
+															<p>
+																Lorem ipsum dolor sit, amet consectetur adipisicing elit. Amet dicta placeat enim illo aspernatur adipisci neque repellendus itaque blanditiis fugit. Quam obcaecati sed
+																perferendis facere.
+															</p>
+														</Scrollable>
+													</Col>
 												</FormGroup>
 												<FormGroup row>
 													<Col md="4">Dibuat Pada:</Col>
@@ -360,6 +368,46 @@ class FormStandard extends Component {
 							</div>
 						</Col>
 					</Row>
+					<Row>
+						<Col>
+							<Card className="card-default">
+								<CardHeader>
+									<CardTitle>History Evaluasi</CardTitle>
+									{/* <div className="text-sm">DataTables has most features enabled by default, so all you need to do to use it with your own tables is to call the construction function: $().DataTable();.</div> */}
+								</CardHeader>
+								<CardBody>
+									<Datatable options={{ responsive: true }}>
+										<table className="table table-striped my-4 w-100">
+											<thead>
+												<tr>
+													<th>Dibuat Pada</th>
+													<th>Judul Dokumen</th>
+													<th>File Pendukung</th>
+												</tr>
+											</thead>
+											<tbody>
+												<tr>
+													<td>23/01/2022</td>
+													<td>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, maxime.</td>
+													<td>c</td>
+												</tr>
+												<tr>
+													<td>23/01/2022</td>
+													<td>Lorem ipsum dolor sit amet consectetur adipisicing.</td>
+													<td>c</td>
+												</tr>
+												<tr>
+													<td>23/01/2022</td>
+													<td>Lorem ipsum dolor sit.</td>
+													<td>v</td>
+												</tr>
+											</tbody>
+										</table>
+									</Datatable>
+								</CardBody>
+							</Card>
+						</Col>
+					</Row>
 				</div>
 			</ContentWrapper>
 		);