|  | @@ -238,57 +238,111 @@ class JawabanPencabutanSanksi extends Component {
 | 
	
		
			
				|  |  |  															) : (
 | 
	
		
			
				|  |  |  																""
 | 
	
		
			
				|  |  |  															)}
 | 
	
		
			
				|  |  | -															<FormGroup>
 | 
	
		
			
				|  |  | -																<label className="row-form-label">Upload Dokumen:</label>
 | 
	
		
			
				|  |  | -																<div className="row-md-10">
 | 
	
		
			
				|  |  | -																	<Field name="dokumen">
 | 
	
		
			
				|  |  | -																		{({ field, form }) => (
 | 
	
		
			
				|  |  | -																			<DropzoneWrapper
 | 
	
		
			
				|  |  | -																				className=""
 | 
	
		
			
				|  |  | -																				onDrop={(e) => {
 | 
	
		
			
				|  |  | -																					this.onDrop(e);
 | 
	
		
			
				|  |  | -																					form.setFieldValue(field.name, e);
 | 
	
		
			
				|  |  | -																				}}
 | 
	
		
			
				|  |  | -																			>
 | 
	
		
			
				|  |  | -																				{({ getRootProps, getInputProps, isDragActive }) => {
 | 
	
		
			
				|  |  | -																					return (
 | 
	
		
			
				|  |  | -																						<div {...getRootProps()} className={"dropzone card p-3 " + (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>
 | 
	
		
			
				|  |  | +															{selectedOption && selectedOption.value === "Rekomendasi Perbaikan" ? (
 | 
	
		
			
				|  |  | +																<FormGroup>
 | 
	
		
			
				|  |  | +																	<label className="row-form-label">Upload Dokumen  (Opsional) :</label>
 | 
	
		
			
				|  |  | +																	<div className="row-md-10">
 | 
	
		
			
				|  |  | +																		<Field name="dokumen">
 | 
	
		
			
				|  |  | +																			{({ field, form }) => (
 | 
	
		
			
				|  |  | +																				<DropzoneWrapper
 | 
	
		
			
				|  |  | +																					className=""
 | 
	
		
			
				|  |  | +																					onDrop={(e) => {
 | 
	
		
			
				|  |  | +																						this.onDrop(e);
 | 
	
		
			
				|  |  | +																						form.setFieldValue(field.name, e);
 | 
	
		
			
				|  |  | +																					}}
 | 
	
		
			
				|  |  | +																				>
 | 
	
		
			
				|  |  | +																					{({ getRootProps, getInputProps, isDragActive }) => {
 | 
	
		
			
				|  |  | +																						return (
 | 
	
		
			
				|  |  | +																							<div {...getRootProps()} className={"dropzone card p-3 " + (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>
 | 
	
		
			
				|  |  | -																									}
 | 
	
		
			
				|  |  | -																									</div>
 | 
	
		
			
				|  |  | -																								</div>																							</div>
 | 
	
		
			
				|  |  | -																							<div className="d-flex align-items-center">
 | 
	
		
			
				|  |  | -																								<small className="ml-auto">
 | 
	
		
			
				|  |  | -																									<button
 | 
	
		
			
				|  |  | -																										type="button"
 | 
	
		
			
				|  |  | -																										className="btn btn-link"
 | 
	
		
			
				|  |  | -																										onClick={(e) => {
 | 
	
		
			
				|  |  | -																											this.clearFiles(e);
 | 
	
		
			
				|  |  | -																											form.setFieldValue(field.name, []);
 | 
	
		
			
				|  |  | -																										}}
 | 
	
		
			
				|  |  | -																									>
 | 
	
		
			
				|  |  | -																										Reset dokumen
 | 
	
		
			
				|  |  | -																									</button>
 | 
	
		
			
				|  |  | -																								</small>
 | 
	
		
			
				|  |  | +																									</div>																							</div>
 | 
	
		
			
				|  |  | +																								<div className="d-flex align-items-center">
 | 
	
		
			
				|  |  | +																									<small className="ml-auto">
 | 
	
		
			
				|  |  | +																										<button
 | 
	
		
			
				|  |  | +																											type="button"
 | 
	
		
			
				|  |  | +																											className="btn btn-link"
 | 
	
		
			
				|  |  | +																											onClick={(e) => {
 | 
	
		
			
				|  |  | +																												this.clearFiles(e);
 | 
	
		
			
				|  |  | +																												form.setFieldValue(field.name, []);
 | 
	
		
			
				|  |  | +																											}}
 | 
	
		
			
				|  |  | +																										>
 | 
	
		
			
				|  |  | +																											Reset dokumen
 | 
	
		
			
				|  |  | +																										</button>
 | 
	
		
			
				|  |  | +																									</small>
 | 
	
		
			
				|  |  | +																								</div>
 | 
	
		
			
				|  |  |  																							</div>
 | 
	
		
			
				|  |  | -																						</div>
 | 
	
		
			
				|  |  | -																					);
 | 
	
		
			
				|  |  | -																				}}
 | 
	
		
			
				|  |  | -																			</DropzoneWrapper>
 | 
	
		
			
				|  |  | -																		)}
 | 
	
		
			
				|  |  | -																	</Field>
 | 
	
		
			
				|  |  | -																	<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
 | 
	
		
			
				|  |  | -																	<p className="mrgn-top-5">
 | 
	
		
			
				|  |  | -																		Ukuran setiap dokumen maksimal 15mb
 | 
	
		
			
				|  |  | -																	</p>
 | 
	
		
			
				|  |  | -																</div>
 | 
	
		
			
				|  |  | -															</FormGroup>
 | 
	
		
			
				|  |  | +																						);
 | 
	
		
			
				|  |  | +																					}}
 | 
	
		
			
				|  |  | +																				</DropzoneWrapper>
 | 
	
		
			
				|  |  | +																			)}
 | 
	
		
			
				|  |  | +																		</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>
 | 
	
		
			
				|  |  | +																	<label className="row-form-label">Upload Dokumen <span className=" text-danger">*</span>:</label>
 | 
	
		
			
				|  |  | +																	<div className="row-md-10">
 | 
	
		
			
				|  |  | +																		<Field name="dokumen">
 | 
	
		
			
				|  |  | +																			{({ field, form }) => (
 | 
	
		
			
				|  |  | +																				<DropzoneWrapper
 | 
	
		
			
				|  |  | +																					className=""
 | 
	
		
			
				|  |  | +																					onDrop={(e) => {
 | 
	
		
			
				|  |  | +																						this.onDrop(e);
 | 
	
		
			
				|  |  | +																						form.setFieldValue(field.name, e);
 | 
	
		
			
				|  |  | +																					}}
 | 
	
		
			
				|  |  | +																				>
 | 
	
		
			
				|  |  | +																					{({ getRootProps, getInputProps, isDragActive }) => {
 | 
	
		
			
				|  |  | +																						return (
 | 
	
		
			
				|  |  | +																							<div {...getRootProps()} className={"dropzone card p-3 " + (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>
 | 
	
		
			
				|  |  | +																									</div>																							</div>
 | 
	
		
			
				|  |  | +																								<div className="d-flex align-items-center">
 | 
	
		
			
				|  |  | +																									<small className="ml-auto">
 | 
	
		
			
				|  |  | +																										<button
 | 
	
		
			
				|  |  | +																											type="button"
 | 
	
		
			
				|  |  | +																											className="btn btn-link"
 | 
	
		
			
				|  |  | +																											onClick={(e) => {
 | 
	
		
			
				|  |  | +																												this.clearFiles(e);
 | 
	
		
			
				|  |  | +																												form.setFieldValue(field.name, []);
 | 
	
		
			
				|  |  | +																											}}
 | 
	
		
			
				|  |  | +																										>
 | 
	
		
			
				|  |  | +																											Reset dokumen
 | 
	
		
			
				|  |  | +																										</button>
 | 
	
		
			
				|  |  | +																									</small>
 | 
	
		
			
				|  |  | +																								</div>
 | 
	
		
			
				|  |  | +																							</div>
 | 
	
		
			
				|  |  | +																						);
 | 
	
		
			
				|  |  | +																					}}
 | 
	
		
			
				|  |  | +																				</DropzoneWrapper>
 | 
	
		
			
				|  |  | +																			)}
 | 
	
		
			
				|  |  | +																		</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>
 | 
	
		
			
				|  |  |  																<div className="row-xl-10">
 | 
	
		
			
				|  |  |  																	<Button color className="color-3e3a8e" type="submit">
 |