ket max file dan revisi btn next>

components/PT/Keberatan/ModalPermohonan.js

@@ -194,6 +194,9 @@ export class ModalPermohonan extends Component {
 											)}
 										</Field>
 										<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
+										<p className="mrgn-top-5">
+											Ukuran setiap dokumen maksimal 15mb
+										</p>
 									</div>
 								</FormGroup>
 							</ModalBody>

components/Pelaporan/InputData.js

@@ -256,7 +256,9 @@ export class InputData extends Component {
 									)}
 								</Field>
 								<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
-								<p className="mrgn-top-5">Ukuran setiap dokumen maksimal 15mb</p>
+								<p className="mrgn-top-5">
+									Ukuran setiap dokumen maksimal 15mb
+								</p>
 							</div>
 						</FormGroup>
 

components/Pemeriksaan/InputEvaluasi.js

@@ -218,6 +218,9 @@ export default class InputEvaluasi extends Component {
 									)}
 								</Field>
 								<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
+								<p className="mrgn-top-5">
+									Ukuran setiap dokumen maksimal 15mb
+								</p>
 							</div>
 						</FormGroup>
 						<FormGroup row>

components/Sanksi/UploadSurat.js

@@ -111,7 +111,10 @@ export class UploadSurat extends Component {
 								);
 							}}
 						</DropzoneWrapper>
-						<span className="form-text">Multiple files upload</span>
+						{/* <span className="form-text">Multiple files upload</span> */}
+						<p className="mrgn-top-5">
+							Ukuran setiap dokumen maksimal 15mb
+						</p>
 					</div>
 				</FormGroup>
 			</form>

pages/app/banding/detail.js

@@ -255,6 +255,9 @@ class JawabanBanding extends Component {
 																		)}
 																	</Field>
 																	<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
+																	<p className="mrgn-top-5">
+																		Ukuran setiap dokumen maksimal 15mb
+																	</p>
 																</div>
 															</FormGroup>
 															<FormGroup row>

pages/app/keberatan/detail.js

@@ -278,6 +278,9 @@ class DetailKeberatan extends Component {
 																		)}
 																	</Field>
 																	<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
+																	<p className="mrgn-top-5">
+																		Ukuran setiap dokumen maksimal 15mb
+																	</p>
 																</div>
 															</FormGroup>
 															{/* <FormGroup>

pages/app/pelaporan/index.js

@@ -29,7 +29,9 @@ class Pelaporan extends Component {
 					Pelaporan
 					<div className="ml-auto"></div>
 					<Link href="/app/penjadwalan">
-						<button className="btn btn-sm btn-secondary text-sm">next &gt;</button>
+						<Button className="btn-header" color="info">
+							<h4>Penjadwalan &gt;</h4>
+						</Button>
 					</Link>
 				</div>
 				<Row>

pages/app/pemeriksaan/index.js

@@ -7,6 +7,7 @@ import TableLaporan from "@/components/Pemeriksaan/TableLaporan";
 import { connect } from "react-redux";
 import Loader from "@/components/Common/Loader";
 import Link from "next/link";
+import Button from "reactstrap/lib/Button";
 
 class Pemeriksaan extends Component {
 	constructor(props) {
@@ -30,10 +31,16 @@ class Pemeriksaan extends Component {
 					<div>Evaluasi</div>
 					<div className="ml-auto">
 						<Link href="/app/penjadwalan">
-							<button className="btn btn-sm btn-secondary text-sm">&lt; back</button>
+							<Button className="btn-header" color="info">
+								<h4>&lt; Penjadwalan</h4>
+							</Button>
 						</Link>
 						<Link href="/app/sanksi">
-							<button className="btn btn-sm btn-secondary text-sm">next &gt;</button>
+							<span className="margin-l-5">
+								<Button className="btn-header" color="info">
+									<h4>Sanksi &gt;</h4>
+								</Button>
+							</span>
 						</Link>
 					</div>
 				</div>

pages/app/pencabutan-sanksi/detail.js

@@ -272,6 +272,9 @@ class JawabanPencabutanSanksi extends Component {
 																		)}
 																	</Field>
 																	<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
+																	<p className="mrgn-top-5">
+																		Ukuran setiap dokumen maksimal 15mb
+																	</p>
 																</div>
 															</FormGroup>
 															<FormGroup>

pages/app/penjadwalan/index.js

@@ -7,6 +7,7 @@ import TableLaporan from "@/components/Penjadwalan/TableLaporan";
 import { connect } from "react-redux";
 import Loader from "@/components/Common/Loader";
 import Link from "next/link";
+import Button from "reactstrap/lib/Button";
 
 class Penjadwalan extends Component {
 	constructor(props) {
@@ -30,10 +31,16 @@ class Penjadwalan extends Component {
 					<div>Penjadwalan Evaluasi</div>
 					<div className="ml-auto">
 						<Link href="/app/pelaporan">
-							<button className="btn btn-sm btn-secondary text-sm">&lt; back</button>
+							<Button className="btn-header" color="info">
+								<h4>&lt; Pelaporan</h4>
+							</Button>
 						</Link>
 						<Link href="/app/pemeriksaan">
-							<button className="btn btn-sm btn-secondary text-sm">next &gt;</button>
+							<span className="margin-l-5">
+								<Button className="btn-header" color="info">
+									<h4>Pemeriksaan &gt;</h4>
+								</Button>
+							</span>
 						</Link>
 					</div>
 				</div>

pages/app/sanksi/index.js

@@ -7,6 +7,7 @@ import TableLaporan from "@/components/Sanksi/TableLaporan";
 import { connect } from "react-redux";
 import Loader from "@/components/Common/Loader";
 import Link from "next/link";
+import Button from "reactstrap/lib/Button";
 
 class Sanksi extends Component {
 	constructor(props) {
@@ -30,7 +31,9 @@ class Sanksi extends Component {
 					<div>Sanksi</div>
 					<div className="ml-auto">
 						<Link href="/app/pemeriksaan">
-							<button className="btn btn-sm btn-secondary text-sm">&lt; back</button>
+							<Button className="btn-header" color="info">
+								<h4>&lt; Pemeriksaan</h4>
+							</Button>
 						</Link>
 					</div>
 				</div>

pages/laporan/new/index.js

@@ -302,6 +302,9 @@ class App extends Component {
 												<div className="col-md-10">
 													<Field name="foto">{({ field, form }) => <Input type="file" onChange={(e) => form.setFieldValue(field.name, Array.from(e.currentTarget.files))} />}</Field>
 													<ErrorMessage name="foto" component="div" className="form-text text-danger" />
+													<p className="mrgn-top-5">
+														Ukuran setiap dokumen maksimal 15mb
+													</p>
 												</div>
 												<div className="col-xl-10">
 													<div className="checkbox c-checkbox">
@@ -388,7 +391,9 @@ class App extends Component {
 												<div className="col-md-10">
 													<Field name="dokumen">{({ field, form }) => <Input type="file" multiple onChange={(e) => form.setFieldValue(field.name, Array.from(e.currentTarget.files))} />}</Field>
 													<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
-													<p className="mrgn-top-5">Ukuran setiap dokumen maksimal 15mb</p>
+													<p className="mrgn-top-5">
+														Ukuran setiap dokumen maksimal 15mb
+													</p>
 												</div>
 											</FormGroup>
 											<FormGroup row>

pages/pt/dokumen-perbaikan/detail.js

@@ -215,6 +215,9 @@ class DetailPerbaikanDoc extends Component {
 																		)}
 																	</Field>
 																	<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
+																	<p className="mrgn-top-5">
+																		Ukuran setiap dokumen maksimal 15mb
+																	</p>
 																</div>
 															</FormGroup>
 															<FormGroup row>

styles/bootstrap/_buttons.scss

@@ -235,3 +235,14 @@ input[type="button"] {
 .btn-radius .btn-login{
 	border-radius: 7px;
 }
+.btn-header{
+	display: inline-block;
+	background-color: #6fb9de;
+	width: auto;
+	height: 34px;
+	margin-left: 5px;
+}
+.margin-l-5{
+	margin-left: 5px;
+	display: inline;
+}