created digabung ke no laporan

components/Banding/TableSanksi.js

@@ -6,14 +6,14 @@ import moment from "moment";
 function TableSanksi({ listData, to, linkName }) {
 	return (
 		<div className="card b">
-			<div className="card-body">
-				<Datatable options={{ responsive: true }}>
+			<div className="card-body card-over">
+				<Datatable options={{ responsive: false }}>
 					<table className="table w-100" data-order='[3,"asc"]'>
 						<thead>
 							<tr>
 								<th>Nomor Sanksi</th>
 								<th>Keterangan Sanksi</th>
-								<th>Created</th>
+								{/* <th>Created</th> */}
 								<th>Status</th>
 								<th></th>
 							</tr>
@@ -23,18 +23,29 @@ function TableSanksi({ listData, to, linkName }) {
 								? listData.map((data) => {
 									return (
 										<tr key={data._id}>
-											<td>{data.no_sanksi}</td>
+											{/* <td>{data.no_sanksi}</td> */}
 											<td>
 												<div className="media align-items-center">
 													<div className="media-body d-flex">
 														<div>
-															<h4 className="m-0">{data.laporan.pt.nama}</h4>
-															<p>{data.keterangan.length > 25 ? data.keterangan.substring(0, 25) + "..." : data.keterangan}</p>
+															<h4>{data.no_sanksi}</h4>
+															<p>{moment(data.createdAt).format("MM-DD-YYYY")}</p>
 														</div>
 													</div>
 												</div>
 											</td>
-											<td>{moment(data.createdAt).fromNow()}</td>
+											<td>
+												<div className="media align-items-center">
+													<div className="media-body d-flex">
+														<div>
+															{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
+															<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
+															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+														</div>
+													</div>
+												</div>
+											</td>
+											{/* <td>{moment(data.createdAt).fromNow()}</td> */}
 											<td>{data.jawaban.banding ? <div className="badge badge-info">Sudah Dijawab</div> : <div className="badge badge-danger">Belum Dijawab</div>}</td>
 											<td>
 												<div className="ml-auto">

components/Keberatan/TableSanksi.js

@@ -13,7 +13,7 @@ function TableSanksi({ listData, to, linkName }) {
 							<tr>
 								<th>Nomor Sanksi</th>
 								<th>Keterangan Sanksi</th>
-								<th>Created</th>
+								{/* <th>Created</th> */}
 								<th>Status</th>
 								<th></th>
 							</tr>
@@ -23,18 +23,29 @@ function TableSanksi({ listData, to, linkName }) {
 								? listData.map((data) => {
 									return (
 										<tr key={data._id}>
-											<td>{data.no_sanksi}</td>
+											{/* <td>{data.no_sanksi}</td> */}
 											<td>
 												<div className="media align-items-center">
 													<div className="media-body d-flex">
 														<div>
-															<h4 className="m-0">{data.laporan.pt.nama}</h4>
-															<p>{data.keterangan.length > 25 ? data.keterangan.substring(0, 25) + "..." : data.keterangan}</p>
+															<h4>{data.no_sanksi}</h4>
+															<p>{moment(data.createdAt).format("MM-DD-YYYY")}</p>
 														</div>
 													</div>
 												</div>
 											</td>
-											<td>{moment(data.createdAt).fromNow()}</td>
+											<td>
+												<div className="media align-items-center">
+													<div className="media-body d-flex">
+														<div>
+															{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
+															<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
+															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+														</div>
+													</div>
+												</div>
+											</td>
+											{/* <td>{moment(data.createdAt).fromNow()}</td> */}
 											<td>{data.jawaban?.keberatan ? <div className="badge badge-info">Sudah Dijawab</div> : <div className="badge badge-danger">Belum Dijawab</div>}</td>
 											<td>
 												<div className="ml-auto">

components/Main/TableLaporan.js

@@ -24,35 +24,36 @@ function TableLaporan({ listData, to, linkName, status = false, noBy = false })
 								{listData.map((data) => {
 									return (
 										<tr key={data._id}>
-											<td>{data.no_laporan}</td>
-											<td className="text-nowrap">
+											<td>
+												{/* <td>{data.no_laporan}</td> */}
 												<div className="media align-items-center">
 													<div className="media-body d-flex">
 														<div>
-															<h4 className="m-0">{data.pt.nama}</h4>
-															<p>{data.keterangan.length > 35 ? data.keterangan.substring(0, 35) + "..." : data.keterangan}</p>
+															<h4>{data.no_laporan}</h4>
+															<p>{moment(data.createdAt).format("MM-DD-YYYY")}</p>
 														</div>
 													</div>
 												</div>
 											</td>
-											{status ? (
-												<td>
-													<div className="badge badge-info">{data.role_data === "dikti" ? "Ditindaklanjuti DIKTI" : "Ditindaklanjuti LLDIKTI"}</div>
-												</td>
-											) : (
-												""
-											)}
 											<td className="text-nowrap">
 												<div className="media align-items-center">
 													<div className="media-body d-flex">
 														<div>
-															{!noBy && <h4>{data.user.isPrivate ? "" : data.user.nama}</h4>}
-															<p>{moment(data.createdAt).format("MM-DD-YYYY")}</p>
+															<h4 className="m-0">{data.pt.nama.length > 25 ? data.pt.nama.substring(0, 25) + "..." : data.pt.nama}</h4>
+															{/* <h4 className="m-0">{data.pt.nama}</h4> */}
+															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
 														</div>
 													</div>
 												</div>
 											</td>
-
+											{status ? (
+												<td>
+													<div className="badge badge-info">{data.role_data === "dikti" ? "Ditindaklanjuti DIKTI" : "Ditindaklanjuti LLDIKTI"}</div>
+												</td>
+											) : (
+												""
+											)}
+											{!noBy && <td>{data.user.isPrivate ? "" : data.user.nama}</td>}
 											<td>
 												<div className="ml-auto">
 													<Link

components/Main/TableSanksi.js

@@ -6,7 +6,7 @@ import moment from "moment";
 function TableSanksi({ listData, to, linkName }) {
 	return (
 		<div className="card b">
-			<div className="card-body">
+			<div className="card-body card-over">
 				{listData && (
 					<Datatable options={{ responsive: false }}>
 						<table className="table w-100">
@@ -15,44 +15,55 @@ function TableSanksi({ listData, to, linkName }) {
 									<th>Nomor Sanksi</th>
 									<th>Keterangan Sanksi</th>
 									{/* {listData?.user.nama && <th>Dibuat Oleh</th>} */}
-									<th>Created</th>
+									{/* <th>Created</th> */}
 									<th></th>
 								</tr>
 							</thead>
 							<tbody>
 								{listData.length
 									? listData.map((data) => {
-											return (
-												<tr key={data._id}>
-													<td>{data.no_sanksi}</td>
-													<td>
-														<div className="media align-items-center">
-															<div className="media-body d-flex">
-																<div>
-																	<h4 className="m-0">{data.laporan.pt.nama}</h4>
-																	<p>{data.keterangan.length > 25 ? data.keterangan.substring(0, 25) + "..." : data.keterangan}</p>
-																</div>
+										return (
+											<tr key={data._id}>
+												{/* <td>{data.no_sanksi}</td> */}
+												<td>
+													<div className="media align-items-center">
+														<div className="media-body d-flex">
+															<div>
+																<h4>{data.no_sanksi}</h4>
+																<p>{moment(data.createdAt).format("MM-DD-YYYY")}</p>
 															</div>
 														</div>
-													</td>
-													<td>{moment(data.createdAt).fromNow()}</td>
-													<td>
-														<div className="ml-auto">
-															<Link
-																href={{
-																	pathname: to,
-																	query: { id: data._id },
-																}}
-															>
-																<Button color="primary" size="sm">
-																	{linkName}
-																</Button>
-															</Link>
+													</div>
+												</td>
+												<td>
+													<div className="media align-items-center">
+														<div className="media-body d-flex">
+															<div>
+																{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
+																<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
+																<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+															</div>
 														</div>
-													</td>
-												</tr>
-											);
-									  })
+													</div>
+												</td>
+												{/* <td>{moment(data.createdAt).fromNow()}</td> */}
+												<td>
+													<div className="ml-auto">
+														<Link
+															href={{
+																pathname: to,
+																query: { id: data._id },
+															}}
+														>
+															<Button color="primary" size="sm">
+																{linkName}
+															</Button>
+														</Link>
+													</div>
+												</td>
+											</tr>
+										);
+									})
 									: ""}
 							</tbody>
 						</table>

components/PT/JawabanBanding/TableSanksiJawaban.js

@@ -11,7 +11,7 @@ function TableSanksi({ listData, to, linkName }) {
 						<tr>
 							<th>Nomor Sanksi</th>
 							<th>Keterangan Sanksi</th>
-							<th>Created</th>
+							{/* <th>Created</th> */}
 							<th>Status</th>
 						</tr>
 					</thead>
@@ -19,19 +19,30 @@ function TableSanksi({ listData, to, linkName }) {
 						{listData.map((data) => {
 							return (
 								<tr key={data._id}>
-									<td>{data.no_sanksi}</td>
+									{/* <td>{data.no_sanksi}</td> */}
+									<td>
+										<div className="media align-items-center">
+											<div className="media-body d-flex">
+												<div>
+													<h4>{data.no_sanksi}</h4>
+													<p>{moment(data.createdAt).format("MM-DD-YYYY")}</p>
+												</div>
+											</div>
+										</div>
+									</td>
 									<td className="text-nowrap">
 										<div className="media align-items-center">
 											{/* <img className="img-fluid rounded thumb64" src="/static/img/dummy-search.png" alt="Dummy" /> */}
 											<div className="media-body d-flex">
 												<div>
-													<h4 className="m-0">{data.laporan.pt.nama}</h4>
-													<p>{data.keterangan.length > 70 ? data.keterangan.substring(0, 70) + "..." : data.keterangan}</p>
+													{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
+													<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
+													<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
 												</div>
 											</div>
 										</div>
 									</td>
-									<td>{moment(data.createdAt).format("DD MMMM YYYY")}</td>
+									{/* <td>{moment(data.createdAt).format("DD MMMM YYYY")}</td> */}
 									<td>
 										{data.jawaban?.banding ? (
 											<Link href={{ pathname: to, query: { id: data._id } }}>

components/PT/JawabanKeberatan/TableSanksiJawaban.js

@@ -11,7 +11,7 @@ function TableSanksi({ listData, to, linkName }) {
 						<tr>
 							<th>Nomor Sanksi</th>
 							<th>Keterangan Sanksi</th>
-							<th>Created</th>
+							{/* <th>Created</th> */}
 							<th>Status</th>
 						</tr>
 					</thead>
@@ -19,20 +19,30 @@ function TableSanksi({ listData, to, linkName }) {
 						{listData.map((data) => {
 							return (
 								<tr key={data._id}>
-									<td>{data.no_sanksi}</td>
+									{/* <td>{data.no_sanksi}</td> */}
+									<td>
+										<div className="media align-items-center">
+											<div className="media-body d-flex">
+												<div>
+													<h4>{data.no_sanksi}</h4>
+													<p>{moment(data.createdAt).format("MM-DD-YYYY")}</p>
+												</div>
+											</div>
+										</div>
+									</td>
 									<td className="text-nowrap">
 										<div className="media align-items-center">
 											{/* <img className="img-fluid rounded thumb64" src="/static/img/dummy-search.png" alt="Dummy" /> */}
 											<div className="media-body d-flex">
 												<div>
-													<h4 className="m-0">{data.laporan.pt.nama}</h4>
+													<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
 													{/* <small className="text-muted">0742/O/1990 - www.satyagama.ac.id - info@satyagama.ac.id</small> */}
-													<p>{data.keterangan.length > 70 ? data.keterangan.substring(0, 70) + "..." : data.keterangan}</p>
+													<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
 												</div>
 											</div>
 										</div>
 									</td>
-									<td>{moment(data.createdAt).format("DD MMMM YYYY")}</td>
+									{/* <td>{moment(data.createdAt).format("DD MMMM YYYY")}</td> */}
 									<td>
 										{data.jawaban?.keberatan ? (
 											<Link href={{ pathname: to, query: { id: data._id } }}>

components/PT/JawabanPencabutanSanksi/TableSanksiJawaban.js

@@ -11,7 +11,7 @@ function TableSanksi({ listData, to, linkName }) {
 						<tr>
 							<th>Nomor Sanksi</th>
 							<th>Keterangan Sanksi</th>
-							<th>Created</th>
+							{/* <th>Created</th> */}
 							<th>Status</th>
 						</tr>
 					</thead>
@@ -19,18 +19,29 @@ function TableSanksi({ listData, to, linkName }) {
 						{listData.map((data) => {
 							return (
 								<tr key={data._id}>
-									<td>{data.no_sanksi}</td>
+									{/* <td>{data.no_sanksi}</td> */}
+									<td>
+										<div className="media align-items-center">
+											<div className="media-body d-flex">
+												<div>
+													<h4>{data.no_sanksi}</h4>
+													<p>{moment(data.createdAt).format("MM-DD-YYYY")}</p>
+												</div>
+											</div>
+										</div>
+									</td>
 									<td className="text-nowrap">
 										<div className="media align-items-center">
 											<div className="media-body d-flex">
 												<div>
-													<h4 className="m-0">{data.laporan.pt.nama}</h4>
-													<p>{data.keterangan.length > 70 ? data.keterangan.substring(0, 70) + "..." : data.keterangan}</p>
+													{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
+													<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
+													<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
 												</div>
 											</div>
 										</div>
 									</td>
-									<td>{moment(data.createdAt).format("DD MMMM YYYY")}</td>
+									{/* <td>{moment(data.createdAt).format("DD MMMM YYYY")}</td> */}
 									<td>
 										{data.jawaban?.cabut_sanksi ? (
 											<Link href={{ pathname: to, query: { id: data._id } }}>

components/PT/TableSanksi.js

@@ -5,13 +5,13 @@ import Link from "next/link";
 function TableSanksi({ listData, to, linkName }) {
 	return (
 		<div className="card b">
-			<div className="card-body">
+			<div className="card-body card-over">
 				<Table className="table w-100">
 					<thead>
 						<tr>
 							<th>Nomor Sanksi</th>
 							<th>Keterangan Sanksi</th>
-							<th>Created</th>
+							{/* <th>Created</th> */}
 							<th>Status</th>
 						</tr>
 					</thead>
@@ -19,18 +19,29 @@ function TableSanksi({ listData, to, linkName }) {
 						{listData.map((data) => {
 							return (
 								<tr key={data._id}>
-									<td>{data.no_sanksi}</td>
+									{/* <td>{data.no_sanksi}</td> */}
+									<td>
+										<div className="media align-items-center">
+											<div className="media-body d-flex">
+												<div>
+													<h4>{data.no_sanksi}</h4>
+													<p>{moment(data.createdAt).format("MM-DD-YYYY")}</p>
+												</div>
+											</div>
+										</div>
+									</td>
 									<td className="text-nowrap">
 										<div className="media align-items-center">
 											<div className="media-body d-flex">
 												<div>
-													<h4 className="m-0">{data.laporan.pt.nama}</h4>
-													<p>{data.keterangan.length > 70 ? data.keterangan.substring(0, 70) + "..." : data.keterangan}</p>
+													{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
+													<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
+													<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
 												</div>
 											</div>
 										</div>
 									</td>
-									<td>{moment(data.createdAt).format("DD MMMM YYYY")}</td>
+									{/* <td>{moment(data.createdAt).format("DD MMMM YYYY")}</td> */}
 									<td>
 										<Link href={{ pathname: to, query: { id: data._id } }}>
 											<Button color="primary">{linkName}</Button>

components/Pemeriksaan/TableLaporan.js

@@ -15,7 +15,7 @@ function TableLaporan({ listData, to, linkName }) {
 									<th>No.Laporan</th>
 									<th>Deskripsi Laporan</th>
 									<th>Status</th>
-									<th>Created</th>
+									{/* <th>Created</th> */}
 									<th></th>
 								</tr>
 							</thead>
@@ -23,23 +23,33 @@ function TableLaporan({ listData, to, linkName }) {
 								{listData.map((data) => {
 									return (
 										<tr key={data._id}>
-											<td>{data.no_laporan}</td>
+											{/* <td>{data.no_laporan}</td> */}
+											<td>
+												<div className="media align-items-center">
+													<div className="media-body d-flex">
+														<div>
+															<h4>{data.no_laporan}</h4>
+															<p>{moment(data.createdAt).format("MM-DD-YYYY")}</p>
+														</div>
+													</div>
+												</div>
+											</td>
 											<td className="text-nowrap">
 												<div className="media align-items-center">
 													<div className="media-body d-flex">
 														<div>
-															<h4 className="m-0">{data.pt.nama}</h4>
-															<p>{data.keterangan.length > 35 ? data.keterangan.substring(0, 35) + "..." : data.keterangan}</p>
+															<h4 className="m-0">{data.pt.nama.length > 25 ? data.pt.nama.substring(0, 25) + "..." : data.pt.nama}</h4>
+															{/* <h4 className="m-0">{data.pt.nama}</h4> */}
+															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
 														</div>
 													</div>
 												</div>
 											</td>
-
 											<td>
 												{/* {data.level == 3 ? <div className="badge badge-success">Tinggi</div> : data.level == 2 ? <div className="badge badge-info">Sedang</div> : <div className="badge badge-warning">Rendah</div>} */}
 												{data.evaluasi?.length ? <div className="badge badge-info">Sudah diperiksa</div> : <div className="badge badge-danger">Belum diperiksa</div>}
 											</td>
-											<td>{moment(data.createdAt).format("MM-DD-YYYY")}</td>
+											{/* <td>{moment(data.createdAt).format("MM-DD-YYYY")}</td> */}
 											<td>
 												<div className="ml-auto">
 													<Link

components/PencabutanSanksi/TableSanksi.js

@@ -6,14 +6,14 @@ import moment from "moment";
 function TableSanksi({ listData, to, linkName }) {
 	return (
 		<div className="card b">
-			<div className="card-body">
-				<Datatable options={{ responsive: true }}>
+			<div className="card-body card-over">
+				<Datatable options={{ responsive: false }}>
 					<table className="table w-100" data-order='[3, "asc"]'>
 						<thead>
 							<tr>
 								<th>Nomor Sanksi</th>
 								<th>Keterangan Sanksi</th>
-								<th>Created</th>
+								{/* <th>Created</th> */}
 								<th>Status</th>
 								<th></th>
 							</tr>
@@ -23,18 +23,29 @@ function TableSanksi({ listData, to, linkName }) {
 								? listData.map((data) => {
 									return (
 										<tr key={data._id}>
-											<td>{data.no_sanksi}</td>
+											{/* <td>{data.no_sanksi}</td> */}
 											<td>
 												<div className="media align-items-center">
 													<div className="media-body d-flex">
 														<div>
-															<h4 className="m-0">{data.laporan.pt.nama}</h4>
-															<p>{data.keterangan.length > 25 ? data.keterangan.substring(0, 25) + "..." : data.keterangan}</p>
+															<h4>{data.no_sanksi}</h4>
+															<p>{moment(data.createdAt).format("MM-DD-YYYY")}</p>
 														</div>
 													</div>
 												</div>
 											</td>
-											<td>{moment(data.createdAt).fromNow()}</td>
+											<td>
+												<div className="media align-items-center">
+													<div className="media-body d-flex">
+														<div>
+															{/* <h4 className="m-0">{data.laporan.pt.nama}</h4> */}
+															<h4 className="m-0">{data.laporan.pt.nama.length > 25 ? data.laporan.pt.nama.substring(0, 25) + "..." : data.laporan.pt.nama}</h4>
+															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
+														</div>
+													</div>
+												</div>
+											</td>
+											{/* <td>{moment(data.createdAt).fromNow()}</td> */}
 											<td>{data.jawaban?.cabut_sanksi ? <div className="badge badge-info">Sudah Dijawab</div> : <div className="badge badge-danger">Belum Dijawab</div>}</td>
 											<td>
 												<div className="ml-auto">

components/Penjadwalan/TableLaporan.js

@@ -15,7 +15,7 @@ function TableLaporan({ listData, to, linkName }) {
 									<th>No.Laporan</th>
 									<th>Deskripsi Laporan</th>
 									<th>Status</th>
-									<th>Created</th>
+									{/* <th>Created</th> */}
 									<th></th>
 								</tr>
 							</thead>
@@ -23,23 +23,33 @@ function TableLaporan({ listData, to, linkName }) {
 								{listData.map((data) => {
 									return (
 										<tr key={data._id}>
-											<td>{data.no_laporan}</td>
+											{/* <td>{data.no_laporan}</td> */}
+											<td>
+												<div className="media align-items-center">
+													<div className="media-body d-flex">
+														<div>
+															<h4>{data.no_laporan}</h4>
+															<p>{moment(data.createdAt).format("MM-DD-YYYY")}</p>
+														</div>
+													</div>
+												</div>
+											</td>
 											<td className="text-nowrap">
 												<div className="media align-items-center">
 													<div className="media-body d-flex">
 														<div>
-															<h4 className="m-0">{data.pt.nama}</h4>
-															<p>{data.keterangan.length > 35 ? data.keterangan.substring(0, 35) + "..." : data.keterangan}</p>
+															<h4 className="m-0">{data.pt.nama.length > 25 ? data.pt.nama.substring(0, 25) + "..." : data.pt.nama}</h4>
+															{/* <h4 className="m-0">{data.pt.nama}</h4> */}
+															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
 														</div>
 													</div>
 												</div>
 											</td>
-
 											<td>
 												{/* {data.level == 3 ? <div className="badge badge-success">Tinggi</div> : data.level == 2 ? <div className="badge badge-info">Sedang</div> : <div className="badge badge-warning">Rendah</div>} */}
 												{data.jadwal ? <div className="badge badge-info">Ada Jadwal</div> : <div className="badge badge-danger">Tidak ada jadwal</div>}
 											</td>
-											<td>{moment(data.createdAt).format("MM-DD-YYYY")}</td>
+											{/* <td>{moment(data.createdAt).format("MM-DD-YYYY")}</td> */}
 											<td>
 												<div className="ml-auto">
 													<Link

components/Sanksi/TableLaporan.js

@@ -15,7 +15,7 @@ function TableLaporan({ listData }) {
 									<th>No.Laporan</th>
 									<th>Deskripsi Laporan</th>
 									<th>Status</th>
-									<th>Created</th>
+									{/* <th>Created</th> */}
 									<th></th>
 								</tr>
 							</thead>
@@ -23,13 +23,24 @@ function TableLaporan({ listData }) {
 								{listData.map((data) => {
 									return (
 										<tr key={data._id}>
-											<td>{data.no_laporan}</td>
+											{/* <td>{data.no_laporan}</td> */}
+											<td>
+												<div className="media align-items-center">
+													<div className="media-body d-flex">
+														<div>
+															<h4>{data.no_laporan}</h4>
+															<p>{moment(data.createdAt).format("MM-DD-YYYY")}</p>
+														</div>
+													</div>
+												</div>
+											</td>
 											<td className="text-nowrap">
 												<div className="media align-items-center">
 													<div className="media-body d-flex">
 														<div>
-															<h4 className="m-0">{data.pt.nama}</h4>
-															<p>{data.keterangan.length > 35 ? data.keterangan.substring(0, 35) + "..." : data.keterangan}</p>
+															<h4 className="m-0">{data.pt.nama.length > 25 ? data.pt.nama.substring(0, 25) + "..." : data.pt.nama}</h4>
+															{/* <h4 className="m-0">{data.pt.nama}</h4> */}
+															<p>{data.keterangan.length > 30 ? data.keterangan.substring(0, 30) + "..." : data.keterangan}</p>
 														</div>
 													</div>
 												</div>
@@ -37,7 +48,7 @@ function TableLaporan({ listData }) {
 											<td>
 												<td>{data.sanksi ? <div className="badge badge-info">Sudah ditetapkan</div> : <div className="badge badge-danger">Belum ditetapkan</div>}</td>
 											</td>
-											<td>{moment(data.createdAt).format("MM-DD-YYYY")}</td>
+											{/* <td>{moment(data.createdAt).format("MM-DD-YYYY")}</td> */}
 											<td>
 												<div className="ml-auto">
 													<Link