PTB-fe/components/Main/RiwayatEvaluasi.js

import Datatable from "@/components/Tables/Datatable";

function RiwayatEvaluasi({ listData }) {
	return (
		<Datatable options={{ responsive: true }}>
			<table className="table table-striped my-4 w-100">
				<thead>
					<tr>
						<th>Tanggal</th>
						<th>Judul Dokumen</th>
						<th>File Pendukung</th>
					</tr>
				</thead>
				<tbody>
					{listData.map((data) => (
						<tr>
							<td>{data.tanggal}</td>
							<td>{data.judul_dokumen}</td>
							<td>
								{data.file
									.map((e) => (
										<>
											<em className="fa-lg far fa-file-code"></em>
											<a className="text-muted" href="">
												database.controller.js
											</a>
										</>
									))
									.join(",")}
							</td>
						</tr>
					))}
				</tbody>
			</table>
		</Datatable>
	);
}

export default RiwayatEvaluasi;