|  | @@ -16,11 +16,6 @@ const stepNavitemStyle = {
 | 
	
		
			
				|  |  |  class Detail extends Component {
 | 
	
		
			
				|  |  |  	constructor(props) {
 | 
	
		
			
				|  |  |  		super(props);
 | 
	
		
			
				|  |  | -		this.state = {
 | 
	
		
			
				|  |  | -			activeStep: "1",
 | 
	
		
			
				|  |  | -			checkedData: [],
 | 
	
		
			
				|  |  | -			dataUpload: null,
 | 
	
		
			
				|  |  | -		};
 | 
	
		
			
				|  |  |  	}
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  	static getInitialProps = async ({ query }) => {
 | 
	
	
		
			
				|  | @@ -28,48 +23,11 @@ class Detail extends Component {
 | 
	
		
			
				|  |  |  		return { query, pelaporan };
 | 
	
		
			
				|  |  |  	};
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -	done = async (e) => {
 | 
	
		
			
				|  |  | -		e.preventDefault();
 | 
	
		
			
				|  |  | -		const { ptId, number } = this.props.query;
 | 
	
		
			
				|  |  | -		const formdata = new FormData();
 | 
	
		
			
				|  |  | -		formdata.append("no_sanksi", this.state.dataUpload.nomorSanksi);
 | 
	
		
			
				|  |  | -		formdata.append("description", this.state.dataUpload.keterangan);
 | 
	
		
			
				|  |  | -		formdata.append("pelanggaran", this.state.checkedData.map((e) => e._id).join());
 | 
	
		
			
				|  |  | -		if (this.state.dataUpload.files.length > 0) {
 | 
	
		
			
				|  |  | -			this.state.dataUpload.files.forEach((e) => {
 | 
	
		
			
				|  |  | -				formdata.append("files", e);
 | 
	
		
			
				|  |  | -			});
 | 
	
		
			
				|  |  | -		}
 | 
	
		
			
				|  |  | -		const create = await createSanksi({ ptId, number }, formdata);
 | 
	
		
			
				|  |  | -		// console.log(create);
 | 
	
		
			
				|  |  | -		if (create) {
 | 
	
		
			
				|  |  | -			Router.push({
 | 
	
		
			
				|  |  | -				pathname: "/app/sanksi",
 | 
	
		
			
				|  |  | -			});
 | 
	
		
			
				|  |  | -		}
 | 
	
		
			
				|  |  | -	};
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	toggleStep = (activeStep) => () => {
 | 
	
		
			
				|  |  | -		if (this.state.activeStep !== activeStep) {
 | 
	
		
			
				|  |  | -			this.setState({
 | 
	
		
			
				|  |  | -				activeStep,
 | 
	
		
			
				|  |  | -			});
 | 
	
		
			
				|  |  | -		}
 | 
	
		
			
				|  |  | -	};
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	setCheckedData = (data) => {
 | 
	
		
			
				|  |  | -		this.setState({ checkedData: data });
 | 
	
		
			
				|  |  | -	};
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -	setUploadSuratSanksi = (data) => {
 | 
	
		
			
				|  |  | -		this.setState({ dataUpload: data });
 | 
	
		
			
				|  |  | -	};
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  |  	render() {
 | 
	
		
			
				|  |  |  		const { pelaporan } = this.props;
 | 
	
		
			
				|  |  |  		return (
 | 
	
		
			
				|  |  |  			<ContentWrapper unwrap>
 | 
	
		
			
				|  |  | -				<Header />
 | 
	
		
			
				|  |  | +				{/* <Header /> */}
 | 
	
		
			
				|  |  |  				<div className="p-3">
 | 
	
		
			
				|  |  |  					<div className="content-heading">
 | 
	
		
			
				|  |  |  						<div>Detail Sanksi</div>
 | 
	
	
		
			
				|  | @@ -82,35 +40,8 @@ class Detail extends Component {
 | 
	
		
			
				|  |  |  					<Card className="card-default">
 | 
	
		
			
				|  |  |  						<CardBody>
 | 
	
		
			
				|  |  |  							<Row>
 | 
	
		
			
				|  |  | -								<Col xs="4">
 | 
	
		
			
				|  |  | -									<Nav pills vertical={true}>
 | 
	
		
			
				|  |  | -										<NavItem style={stepNavitemStyle}>
 | 
	
		
			
				|  |  | -											<NavLink
 | 
	
		
			
				|  |  | -												tag="div"
 | 
	
		
			
				|  |  | -												className={classnames({
 | 
	
		
			
				|  |  | -													active: this.state.activeStep === "1",
 | 
	
		
			
				|  |  | -												})}
 | 
	
		
			
				|  |  | -												onClick={this.toggleStep("1")}
 | 
	
		
			
				|  |  | -											>
 | 
	
		
			
				|  |  | -												<h4 className="text-left my-3">1. Detail Sanksi</h4>
 | 
	
		
			
				|  |  | -											</NavLink>
 | 
	
		
			
				|  |  | -										</NavItem>
 | 
	
		
			
				|  |  | -									</Nav>
 | 
	
		
			
				|  |  | -								</Col>
 | 
	
		
			
				|  |  | -								<Col xs="8">
 | 
	
		
			
				|  |  | -									<TabContent activeTab={this.state.activeStep} className="border-0">
 | 
	
		
			
				|  |  | -										<TabPane tabId="1">
 | 
	
		
			
				|  |  | -											<div className="pt-3 mb-3">
 | 
	
		
			
				|  |  | -												<h2>Detail Sanksi</h2>
 | 
	
		
			
				|  |  | -												<Row>
 | 
	
		
			
				|  |  | -													<Col>
 | 
	
		
			
				|  |  | -														<DetailSanksi noTitle data={pelaporan.data[0]} />
 | 
	
		
			
				|  |  | -													</Col>
 | 
	
		
			
				|  |  | -												</Row>
 | 
	
		
			
				|  |  | -											</div>
 | 
	
		
			
				|  |  | -											<hr />
 | 
	
		
			
				|  |  | -										</TabPane>
 | 
	
		
			
				|  |  | -									</TabContent>
 | 
	
		
			
				|  |  | +								<Col>
 | 
	
		
			
				|  |  | +									<DetailSanksi data={pelaporan.data[0]} />
 | 
	
		
			
				|  |  |  								</Col>
 | 
	
		
			
				|  |  |  							</Row>
 | 
	
		
			
				|  |  |  						</CardBody>
 |