re design upload

components/PT/JawabanKeberatan/ModalPermohonan.js

@@ -167,7 +167,7 @@ export class ModalPermohonan extends Component {
 												>
 													{({ getRootProps, getInputProps, isDragActive }) => {
 														return (
-															<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
+															<div {...getRootProps()} className={"dropzone card" + (isDragActive ? "dropzone-drag-active" : "")}>
 																<input {...getInputProps()} />
 																<div className="dropzone-previews flex">
 																	<div className="dropzone-style-1">

components/PT/Keberatan/ModalPermohonan.js

@@ -169,7 +169,7 @@ export class ModalPermohonan extends Component {
 												>
 													{({ getRootProps, getInputProps, isDragActive }) => {
 														return (
-															<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
+															<div {...getRootProps()} className={"dropzone card" + (isDragActive ? "dropzone-drag-active" : "")}>
 																<input {...getInputProps()} />
 																<div className="dropzone-previews flex">
 																	<div className="dropzone-style-1">

components/Riwayat/ChartRadarBelum.js

@@ -60,12 +60,7 @@ class ChartRadarBelum extends React.Component {
                 // }
             },
         };
-
     }
-
-
-
-
     render() {
         return (
             <Card className="card-default">
@@ -75,8 +70,6 @@ class ChartRadarBelum extends React.Component {
                     </div>
                 </CardBody>
             </Card>
-
-
         );
     }
 }

components/Riwayat/ChartRadarSudah.js

@@ -60,12 +60,7 @@ class ChartRadarSudah extends React.Component {
                 // }
             },
         };
-
     }
-
-
-
-
     render() {
         return (
             <Card className="card-default">

pages/app/banding/detail.js

@@ -234,7 +234,7 @@ class JawabanBanding extends Component {
 																			>
 																				{({ getRootProps, getInputProps, isDragActive }) => {
 																					return (
-																						<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
+																						<div {...getRootProps()} className={"dropzone card" + (isDragActive ? "dropzone-drag-active" : "")}>
 																							<input {...getInputProps()} />
 																							<div className="dropzone-previews flex">
 																								<div className="dropzone-style-1">

pages/app/keberatan/detail.js

@@ -257,7 +257,7 @@ class DetailKeberatan extends Component {
 																			>
 																				{({ getRootProps, getInputProps, isDragActive }) => {
 																					return (
-																						<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
+																						<div {...getRootProps()} className={"dropzone card" + (isDragActive ? "dropzone-drag-active" : "")}>
 																							<input {...getInputProps()} />
 																							<div className="dropzone-previews flex">
 																								<div className="dropzone-style-1">

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

@@ -107,7 +107,7 @@ class DetailPerbaikanDoc extends Component {
 		const thumbs = files.map((file, index) => (
 			<div md={3} key={index}>
 				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
-				<span className="text-center">{file.name}</span>
+				<span className="text-center">{index + 1}.{file.name}</span>
 			</div>
 		));
 
@@ -145,10 +145,15 @@ class DetailPerbaikanDoc extends Component {
 															<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" + (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 className="dropzone-style-1">
+																				<div className="center-ver-hor dropzone-previews flex">{this.state.files.length > 0 ? <Row><span className="text-left">{thumbs}</span></Row> :
+																					<div className="text-center fa-2x icon-cloud-upload mr-2 ">
+																						<h5 className="text-center dz-default dz-message">Klik untuk upload dokumen</h5>
+																					</div>
+																				}
+																				</div>
 																			</div>
 																			<div className="d-flex align-items-center">
 																				<small className="ml-auto">

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

@@ -103,7 +103,7 @@ class DetailPencabutanSanksi extends Component {
 		const thumbs = files.map((file, index) => (
 			<div md={3} key={index}>
 				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
-				<span className="text-center">{file.name}</span>
+				<span className="text-center">{index + 1}.{file.name}</span>
 			</div>
 		));
 		return (
@@ -134,10 +134,15 @@ class DetailPencabutanSanksi extends Component {
 															<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" + (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 className="dropzone-style-1">
+																				<div className="center-ver-hor dropzone-previews flex">{this.state.files.length > 0 ? <Row><span className="text-left">{thumbs}</span></Row> :
+																					<div className="text-center fa-2x icon-cloud-upload mr-2 ">
+																						<h5 className="text-center dz-default dz-message">Klik untuk upload dokumen</h5>
+																					</div>
+																				}
+																				</div>
 																			</div>
 																			<div className="d-flex align-items-center">
 																				<small className="ml-auto">

pages/pt/dokumen-perbaikan/detail.js

@@ -206,17 +206,16 @@ class DetailPerbaikanDoc extends Component {
 																			>
 																				{({ getRootProps, getInputProps, isDragActive }) => {
 																					return (
-																						<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
+																						<div {...getRootProps()} className={"dropzone card" + (isDragActive ? "dropzone-drag-active" : "")}>
 																							<input {...getInputProps()} />
-																							<div className="dropzone-previews flex">
-																								<div className="dropzone-style-1">
-																									<div className="center-ver-hor dropzone-previews flex">{this.state.files.length > 0 ? <Row><span className="text-left">{thumbs}</span></Row> :
-																										<div className="text-center fa-2x icon-cloud-upload mr-2 ">
-																											<h5 className="text-center dz-default dz-message">Klik untuk upload dokumen</h5>
-																										</div>
-																									}
+																							<div className="dropzone-style-1">
+																								<div className="center-ver-hor dropzone-previews flex">{this.state.files.length > 0 ? <Row><span className="text-left">{thumbs}</span></Row> :
+																									<div className="text-center fa-2x icon-cloud-upload mr-2 ">
+																										<h5 className="text-center dz-default dz-message">Klik untuk upload dokumen</h5>
 																									</div>
-																								</div>																							</div>
+																								}
+																								</div>
+																							</div>
 																							<div className="d-flex align-items-center">
 																								<small className="ml-auto">
 																									<button type="button" className="btn btn-link" onClick={this.clearFiles}>

pages/pt/pencabutan-sanksi/detail.js

@@ -184,7 +184,7 @@ class DetailPencabutanSanksi extends Component {
 																			>
 																				{({ getRootProps, getInputProps, isDragActive }) => {
 																					return (
-																						<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
+																						<div {...getRootProps()} className={"dropzone card" + (isDragActive ? "dropzone-drag-active" : "")}>
 																							<input {...getInputProps()} />
 																							<div className="dropzone-previews flex">
 																								<div className="dropzone-style-1">