udah dulu untuk hari ini

pages/app/pelaporan.js

@@ -9,6 +9,45 @@ import Datatable from "@/components/Tables/Datatable";
 import moment from "moment";
 
 class BugTracker extends Component {
+	constructor(props) {
+		super(props);
+	}
+
+	static getInitialProps = async () => {
+		const res = await fetch("http://localhost:1880/pelaporan");
+		const data = await res.json();
+		return { data };
+	};
+
+	renderTable = () => {
+		return this.props.data.map((value) => {
+			return (
+				<tr>
+					<td>BI:54678</td>
+					<td className="text-nowrap">
+						<div className="media align-items-center">
+							<a className="mr-3" href="">
+								<img className="img-fluid rounded thumb64" src="/static/img/dummy-search.png" alt="Dummy" />
+							</a>
+							<div className="media-body d-flex">
+								<div>
+									<h4 className="m-0">Universitas Satyagama</h4>
+									<small className="text-muted">0742/O/1990 - www.satyagama.ac.id - info@satyagama.ac.id</small>
+									<p>Jalan Kamal Raya No 2-A Cengkareng</p>
+									<p> </p>
+								</div>
+							</div>
+						</div>
+					</td>
+					<td>{moment(value.created_at).fromNow()}</td>
+					<td>
+						<div className="inline wd-xxs badge badge-success">open</div>
+					</td>
+				</tr>
+			);
+		});
+	};
+
 	newReportClick = (e, PT_ID) => {
 		//router = useRouter();
 		//const query = { ptId: PT_ID };
@@ -20,6 +59,8 @@ class BugTracker extends Component {
 	};
 
 	render() {
+		console.log(this.props.data);
+		// this.fetchData();
 		return (
 			<ContentWrapper>
 				<div className="content-heading">Pelaporan</div>
@@ -205,11 +246,12 @@ class BugTracker extends Component {
 											</tr>
 										</thead>
 										<tbody>
-											<tr>
-												{/* <td>
+											{this.renderTable()}
+											{/* <tr> */}
+											{/* <td>
                                                     <div className="badge bg-gray-lighter">bug</div>
                                                 </td> */}
-												<td>BI:54678</td>
+											{/* <td>BI:54678</td>
 												<td className="text-nowrap">
 													<div className="media align-items-center">
 														<a className="mr-3" href="">
@@ -221,31 +263,31 @@ class BugTracker extends Component {
 																<small className="text-muted">0742/O/1990 - www.satyagama.ac.id - info@satyagama.ac.id</small>
 																<p>Jalan Kamal Raya No 2-A Cengkareng</p>
 																<p> </p>
-															</div>
-															{/* <div className="ml-auto">
+															</div> */}
+											{/* <div className="ml-auto">
                                                                 <Button color="info" size="sm" onClick={(e) => this.handleClick(e, pt.id)}>Proses Sangsi</Button>
                                                             </div> */}
-														</div>
-													</div>
+											{/* </div>
+													</div> */}
 
-													{/* <small>Maecenas mollis egestas convallis.</small> */}
-												</td>
-												<td>{moment("2020-04-04 11:45:26.123").fromNow()}</td>
-												{/* <td>
+											{/* <small>Maecenas mollis egestas convallis.</small> */}
+											{/* </td>
+												<td>{moment("2020-04-04 11:45:26.123").fromNow()}</td> */}
+											{/* <td>
                                                     <div className="circle circle-lg bg-warning" data-title="normal"></div>
                                                 </td> */}
-												{/* <td>
+											{/* <td>
                                                     <a href="">Sylvia Daniels</a>
                                                 </td> */}
-												<td>
+											{/* <td>
 													<div className="inline wd-xxs badge badge-success">open</div>
-												</td>
-												{/* <td>
+												</td> */}
+											{/* <td>
                                                     <div className="ml-auto">
                                                         <button class="btn-oval btn btn-primary" size="sm" onClick={(e) => this.newProcessClick(e)}>Proses Sanksi</button>
                                                     </div>
                                                 </td> */}
-											</tr>
+											{/* </tr> */}
 											{/* <tr>
                                                 <td>
                                                     <div className="badge bg-gray-lighter">bug</div>