fix bug penetapan sanksi dan fix table riwayat

components/Riwayat/TableRiwayat.js

@@ -78,7 +78,7 @@ class TableRiwayat extends Component {
 		if (dataRiwayat) {
 			dataRiwayat.data.forEach((e) => {
 				rows.push({
-					deskripsi: this.getover(e.aktivitas),
+					deskripsi: (e.aktivitas),
 					complete: Math.min(100, Math.round(Math.random() * 110)),
 					ipv4: e.ipv4 || "-",
 					menu: e.menu || "-",

components/Riwayat/TableRiwayatt.js

@@ -0,0 +1,104 @@
+import Datatable from "@/components/Tables/Datatable";
+import { Button } from "reactstrap";
+import Link from "next/link";
+import moment from "moment";
+import React, { Component } from "react";
+import { getLog2 } from "@/actions/log";
+import { connect } from "react-redux";
+
+class TableRiwayatt extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            dataRiwayat: "",
+        };
+    }
+    componentDidMount = async () => {
+        const { token } = this.props;
+        const dataRiwayat = await getLog2(this.props.token);
+        this.setState({ dataRiwayat });
+    }
+
+    render() {
+        console.log(this.state.dataRiwayat.data?.map(e => e.id))
+        return (
+            <div className="card b ">
+                <div style={{ height: 500 }} className="card-body card-over">
+                    {this.state.dataRiwayat && (
+                        <Datatable options={{
+                            responsive: false, ordering: false, keys: false, lengthChange: false, searching: false, aLengthMenu: [500], paging: false, scrollX: true, scrollY: "370px",
+                            bordered: true
+                        }}>
+                            <table className="table w-100" data-order='[[3, "desc"]]'>
+                                <thead>
+                                    <tr>
+                                        <th>Timelapse</th>
+                                        <th>Username</th>
+                                        <th>IPv4</th>
+                                        <th>Menu</th>
+                                        <th>Deskripsi</th>
+                                        {/* <th>Created</th> */}
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    {this.state.dataRiwayat && this.state.dataRiwayat.data?.map(value => (
+                                        <tr>
+                                            <td style={{ width: 175 }}>
+                                                <div className="media align-items-center">
+                                                    <div className="media-body d-flex">
+                                                        <div>
+                                                            <p>{value.createdAt && (moment(value.createdAt).format("DD-MM-YYYY, hh:mm a"))}</p>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td style={{ minWidth: 130 }}>
+                                                <div className="media align-items-center">
+                                                    <div className="media-body d-flex">
+                                                        <div>
+                                                            <p>{value.user?.nama}</p>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td style={{ minWidth: 120 }}>
+                                                <div className="media align-items-center">
+                                                    <div className="media-body d-flex">
+                                                        <div>
+                                                            <p>{value.ipv4}</p>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td style={{ minWidth: 150 }}>
+                                                <div className="media align-items-center">
+                                                    <div className="media-body d-flex">
+                                                        <div>
+                                                            <p>{value.menu}</p>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td style={{ minWidth: 350 }}>
+                                                <div className="media align-items-center">
+                                                    <div className="media-body d-flex">
+                                                        <div>
+                                                            <p>{value.aktivitas}</p>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    ))}
+
+                                </tbody>
+                            </table>
+                        </Datatable>
+                    )}
+                </div>
+            </div >
+        );
+    }
+}
+const mapStateToProps = (state) => ({ token: state.token });
+export default connect(mapStateToProps)(TableRiwayatt);

components/Sanksi/Ringkasan.js

@@ -18,7 +18,7 @@ function Ringkasan({ dataLaporan, dataPelanggaran, dataUpload }) {
 						<FormGroup row>
 							<Col md="4">Nama Perguruan Tinggi:</Col>
 							<Col md="8">
-								<strong>Universitas Satyagama</strong>
+								<strong>{dataLaporan.pt.nama}</strong>
 							</Col>
 						</FormGroup>
 						<FormGroup row>

pages/app/riwayat/index.js

@@ -17,6 +17,7 @@ import ChartRadar from "../../../components/Riwayat/ChartRadarBelum";
 import ChartRadarBelum from "../../../components/Riwayat/ChartRadarBelum";
 import ChartRadarSudah from "../../../components/Riwayat/ChartRadarSudah";
 import TableRadar from "../../../components/Riwayat/TableRadar";
+import TableRiwayatt from "../../../components/Riwayat/TableRiwayatt";
 
 
 class Riwayat extends Component {
@@ -41,7 +42,10 @@ class Riwayat extends Component {
           </Col>
           <TableRadar />
           <ChartData />
-          <TableRiwayat />
+          {/* <TableRiwayat /> */}
+          <Col lg="12">
+            <TableRiwayatt />
+          </Col>
         </Row>
       </ContentWrapper>
     );