file upload permohonan sanksi max 2

blok ga lurus (tabel dan grafik) done
kasi tanda bintang di dokumen surat sanksi (utk menandakan itu wajib)done
upload dokumen (menu permohonan pencabutan sanksi) dirapihkan done

components/Sanksi/UploadSurat.js

@@ -93,12 +93,12 @@ export class UploadSurat extends Component {
 					</div>
 				</FormGroup>
 				<FormGroup row>
-					<label className="col-md-2 col-form-label">Dokumen Surat Sanksi:</label>
+					<label className="col-md-2 col-form-label"><span className="text-danger">*</span>Dokumen Surat Sanksi:</label>
 					<div className="col-md-10">
 						<DropzoneWrapper className="" onDrop={this.onDrop}>
 							{({ getRootProps, getInputProps, isDragActive }) => {
 								return (
-									<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
+									<div {...getRootProps()} className={"dropzone card p-5 " + (isDragActive ? "dropzone-drag-active" : "")}>
 										<input {...getInputProps()} />
 										<div className="dropzone-previews flex">{this.state.files.length > 0 ? <Row>{thumbs}</Row> : <div className="text-center dz-default dz-message">klik untuk upload dokumen</div>}</div>
 										<div className="d-flex align-items-center">

pages/app/pelaporan/index.js

@@ -89,8 +89,9 @@ class Pelaporan extends Component {
 									<Button className="color-3e3a8e" color="purple">Laporan Baru</Button>
 								</Link>
 							</div> */}
+							{pelaporan?.data ? <TableLaporan listData={pelaporan.data} to="/app/pelaporan/detail" linkName="Detail" /> : <Loader />}
 						</div>
-						{pelaporan?.data ? <TableLaporan listData={pelaporan.data} to="/app/pelaporan/detail" linkName="Detail" /> : <Loader />}
+
 					</Col>
 				</Row>
 			</ContentWrapper>

pages/pt/pencabutan-sanksi/detail.js

@@ -40,7 +40,7 @@ const checkIfFilesAreCorrectType = (files) => {
 };
 
 const docSchema = Yup.object().shape({
-	dokumen: Yup.array().max(1, "Maximal 1 dokumen").required("Required").test("filesize", "Maksimal ukuran dokumen 15mb", checkIfFilesAreTooBig),
+	dokumen: Yup.array().max(2, "Maximal 2 dokumen").required("Required").test("filesize", "Maksimal ukuran dokumen 15mb", checkIfFilesAreTooBig),
 });
 let Dropzone = null;
 class DropzoneWrapper extends Component {