fix upload dokumen

components/PT/JawabanKeberatan/ModalPermohonan.js

@@ -124,9 +124,10 @@ export class ModalPermohonan extends Component {
 		const { files } = this.state;
 
 		const thumbs = files.map((file, index) => (
-			<Col md={3} key={index}>
-				<img className="img-fluid mb-2" src={file.preview} alt="Item" />
-			</Col>
+			<div md={3} key={index}>
+				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
+				<span className="text-center">{file.name}</span>
+			</div>
 		));
 		return (
 			<>

components/PT/Keberatan/ModalPermohonan.js

@@ -126,9 +126,10 @@ export class ModalPermohonan extends Component {
 		const { files } = this.state;
 
 		const thumbs = files.map((file, index) => (
-			<Col md={3} key={index}>
-				<img className="img-fluid mb-2" src={file.preview} alt="Item" />
-			</Col>
+			<div md={3} key={index}>
+				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
+				<span className="text-center">{file.name}</span>
+			</div>
 		));
 		return (
 			<>

components/Pelaporan/InputData.js

@@ -159,9 +159,10 @@ export class InputData extends Component {
 		const { selectedOptionMulti, files, pelanggaran } = this.state;
 
 		const thumbs = files.map((file, index) => (
-			<Col md={3} key={index}>
-				<img className="img-fluid mb-2" src={file.preview} alt="Item" />
-			</Col>
+			<div md={3} key={index}>
+				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
+				<span className="text-center">{file.name}</span>
+			</div>
 		));
 		return (
 			<Formik

components/Pemeriksaan/InputEvaluasi.js

@@ -142,9 +142,10 @@ export default class InputEvaluasi extends Component {
 		const { files } = this.state;
 
 		const thumbs = files.map((file, index) => (
-			<Col md={3} key={index}>
-				<img className="img-fluid mb-2" src={file.preview} alt="Item" />
-			</Col>
+			<div md={3} key={index}>
+				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
+				<span className="text-center">{file.name}</span>
+			</div>
 		));
 		return (
 			<>

components/Sanksi/UploadSurat.js

@@ -72,9 +72,10 @@ export class UploadSurat extends Component {
 		const { files } = this.state;
 
 		const thumbs = files.map((file, index) => (
-			<Col md={3} key={index}>
-				<img className="img-fluid mb-2" src={file.preview} alt="Item" />
-			</Col>
+			<div md={3} key={index}>
+				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
+				<span className="text-center">{file.name}</span>
+			</div>
 		));
 		return (
 			<form className="form-horizontal" method="get" action="/" onSubmit={this.onSubmit}>
@@ -99,7 +100,7 @@ export class UploadSurat extends Component {
 								return (
 									<div {...getRootProps()} className={"dropzone card p-3 " + (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">Drop files here to upload</div>}</div>
+										<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">
 											<small className="ml-auto">
 												<button type="button" className="btn btn-link" onClick={this.clearFiles}>

pages/app/banding/detail.js

@@ -152,9 +152,10 @@ class JawabanBanding extends Component {
 		const { files, sanksi, pt } = this.state;
 
 		const thumbs = files.map((file, index) => (
-			<Col md={3} key={index}>
-				<img className="img-fluid mb-2" src={file.preview} alt="Item" />
-			</Col>
+			<div md={3} key={index}>
+				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
+				<span className="text-center">{file.name}</span>
+			</div>
 		));
 
 		return (

pages/app/keberatan/detail.js

@@ -157,9 +157,10 @@ class DetailKeberatan extends Component {
 		const { files, sanksi, pt } = this.state;
 
 		const thumbs = files.map((file, index) => (
-			<Col md={3} key={index}>
-				<img className="img-fluid mb-2" src={file.preview} alt="Item" />
-			</Col>
+			<div md={3} key={index}>
+				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
+				<span className="text-center">{file.name}</span>
+			</div>
 		));
 
 		return (

pages/app/pencabutan-sanksi/detail.js

@@ -155,9 +155,10 @@ class JawabanPencabutanSanksi extends Component {
 		const { files, selectedOption, sanksi, pt } = this.state;
 
 		const thumbs = files.map((file, index) => (
-			<Col md={3} key={index}>
-				<img className="img-fluid mb-2" src={file.preview} alt="Item" />
-			</Col>
+			<div md={3} key={index}>
+				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
+				<span className="text-center">{file.name}</span>
+			</div>
 		));
 
 		return (

pages/app/pt/dokumen-perbaikan/detail.js

@@ -105,9 +105,10 @@ class DetailPerbaikanDoc extends Component {
 		const { files, sanksi } = this.state;
 
 		const thumbs = files.map((file, index) => (
-			<Col md={3} key={index}>
-				<img className="img-fluid mb-2" src={file.preview} alt="Item" />
-			</Col>
+			<div md={3} key={index}>
+				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
+				<span className="text-center">{file.name}</span>
+			</div>
 		));
 
 		return (

pages/app/pt/pencabutan-sanksi/detail.js

@@ -101,9 +101,10 @@ class DetailPencabutanSanksi extends Component {
 		const { files, sanksi } = this.state;
 
 		const thumbs = files.map((file, index) => (
-			<Col md={3} key={index}>
-				<img className="img-fluid mb-2" src={file.preview} alt="Item" />
-			</Col>
+			<div md={3} key={index}>
+				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
+				<span className="text-center">{file.name}</span>
+			</div>
 		));
 		return (
 			<ContentWrapper unwrap>
@@ -136,7 +137,7 @@ class DetailPencabutanSanksi extends Component {
 																		<div {...getRootProps()} className={"dropzone card p-3 " + (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">Drop files here to upload</div>}
+																				{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">
 																				<small className="ml-auto">

pages/pt/dokumen-perbaikan/detail.js

@@ -138,9 +138,10 @@ class DetailPerbaikanDoc extends Component {
 		const { files, sanksi, pt } = this.state;
 
 		const thumbs = files.map((file, index) => (
-			<Col md={3} key={index}>
-				<img className="img-fluid mb-2" src={file.preview} alt="Item" />
-			</Col>
+			<div className="text-center" md={3} key={index}>
+				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
+				<span className="text-center">{file.name}</span>
+			</div>
 		));
 
 		return (
@@ -184,6 +185,13 @@ class DetailPerbaikanDoc extends Component {
 															</FormGroup>
 															<FormGroup>
 																<label className="row-form-label">Upload Dokumen:</label>
+																{/* <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>
+																</div> */}
 																<div className="row-md-10">
 																	<Field name="dokumen">
 																		{({ field, form }) => (
@@ -199,7 +207,7 @@ class DetailPerbaikanDoc extends Component {
 																						<div {...getRootProps()} className={"dropzone card p-3 " + (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">Drop files here to upload</div>}
+																								{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">
 																								<small className="ml-auto">

pages/pt/pencabutan-sanksi/detail.js

@@ -129,9 +129,10 @@ class DetailPencabutanSanksi extends Component {
 		const { files, sanksi, pt } = this.state;
 
 		const thumbs = files.map((file, index) => (
-			<Col md={3} key={index}>
-				<img className="img-fluid mb-2" src={file.preview} alt="Item" />
-			</Col>
+			<div md={3} key={index}>
+				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
+				<span className="text-center">{file.name}</span>
+			</div>
 		));
 		return (
 			<ContentWrapper unwrap>
@@ -180,7 +181,7 @@ class DetailPencabutanSanksi extends Component {
 																						<div {...getRootProps()} className={"dropzone card p-3 " + (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">Drop files here to upload</div>}
+																								{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">
 																								<small className="ml-auto">