|  | @@ -32,16 +32,18 @@ class ComponentBA extends React.Component {
 | 
	
		
			
				|  |  |          const dataSanksi = await getOneSanksi(token, query.id);
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |          const id = dataSanksi.data.laporan._id;
 | 
	
		
			
				|  |  | +        const dataLaporan = await getOneLaporan(token, id);
 | 
	
		
			
				|  |  |          const getDataSave = await getAutoSave({ id, laporan: true });
 | 
	
		
			
				|  |  |          const getDataSuratBAFromAuto = getDataSave.data?.PenetapanSanksi?.dataSuratBA;
 | 
	
		
			
				|  |  |          const getDataPelanggaranFromAuto = getDataSave.data?.PenetapanSanksi?.dataPelanggaran;
 | 
	
		
			
				|  |  |          this.setState({ dataPelanggaran: getDataPelanggaranFromAuto })
 | 
	
		
			
				|  |  |          this.setState(getDataSuratBAFromAuto)
 | 
	
		
			
				|  |  | -       
 | 
	
		
			
				|  |  | -        this.setState({ dataSanksi }); 
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +        this.setState({ dataSanksi, dataLaporan });
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |      render() {
 | 
	
		
			
				|  |  | +        const { dataLaporan } = this.state
 | 
	
		
			
				|  |  |          return (
 | 
	
		
			
				|  |  |              <page>
 | 
	
		
			
				|  |  |                  <div className='BA-Header'>
 | 
	
	
		
			
				|  | @@ -66,14 +68,15 @@ class ComponentBA extends React.Component {
 | 
	
		
			
				|  |  |                          }
 | 
	
		
			
				|  |  |                          ,
 | 
	
		
			
				|  |  |                          telah dilakukan rapat evaluasi dan pembahasan dugaan pelanggaran penyelenggaraan oleh perguruan tinggi dan/atau badan penyelenggara {this.state.dataSanksi.data && (<span>{this.state.dataSanksi.data.laporan.pt.nama}</span>)}, yang dihadiri oleh:
 | 
	
		
			
				|  |  | -                          {this.state.dataSanksi?.data?<ol>
 | 
	
		
			
				|  |  | -                          
 | 
	
		
			
				|  |  | -                              {this.state.sanksi?.data?.laporan?.peserta_penetapan_sanksi?.map((value) => <li>{value.nama}</li>)}
 | 
	
		
			
				|  |  | -                        
 | 
	
		
			
				|  |  | -                       
 | 
	
		
			
				|  |  | -                          
 | 
	
		
			
				|  |  | +                        {dataLaporan?.data ? <ol>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +                            {/* {this.state.dataSanksi?.data?.laporan?.peserta_penetapan_sanksi?.map((value) => <li>{value.nama}</li>)} */}
 | 
	
		
			
				|  |  | +                            {dataLaporan.data?.peserta_penetapan_sanksi?.map((value) => <li>{value.nama}</li>)}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |                          </ol>
 | 
	
		
			
				|  |  | -                        :"Tidak ada peserta" }
 | 
	
		
			
				|  |  | +                            : "Tidak ada peserta"}
 | 
	
		
			
				|  |  |                      </p>
 | 
	
		
			
				|  |  |                      <p>
 | 
	
		
			
				|  |  |                          Berdasarkan rapat evaluasi dan pembahasan dugaan pelanggaran penyelenggaraan oleh perguruan tinggi dan/atau badan penyelenggara {this.state.dataSanksi.data && (<span>{this.state.dataSanksi.data.laporan.pt.nama}</span>)}, disampaikan sebagai berikut:
 | 
	
	
		
			
				|  | @@ -169,7 +172,7 @@ class ComponentBA extends React.Component {
 | 
	
		
			
				|  |  |                              <text className='header-ttd font-weight-bold '>PESERTA RAPAT PENYUSUNAN REKOMENDASI</text>
 | 
	
		
			
				|  |  |                          </div>
 | 
	
		
			
				|  |  |                          <div id="ttd">
 | 
	
		
			
				|  |  | -                            {this.state.dataSanksi.data
 | 
	
		
			
				|  |  | +                            {/* {this.state.dataSanksi?.data
 | 
	
		
			
				|  |  |                                  ? this.state.dataSanksi.data?.laporan.peserta_penetapan_sanksi?.map((value) => (
 | 
	
		
			
				|  |  |                                      <div className='ttd-div'>
 | 
	
		
			
				|  |  |                                          <div className='sign-ttd'>
 | 
	
	
		
			
				|  | @@ -183,12 +186,28 @@ class ComponentBA extends React.Component {
 | 
	
		
			
				|  |  |                                              </text>
 | 
	
		
			
				|  |  |                                          </div>
 | 
	
		
			
				|  |  |                                      </div>
 | 
	
		
			
				|  |  | +                                )) : ""} */}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +                            {dataLaporan
 | 
	
		
			
				|  |  | +                                ? dataLaporan.data?.peserta_penetapan_sanksi?.map((value) => (
 | 
	
		
			
				|  |  | +                                    <div className='ttd-div'>
 | 
	
		
			
				|  |  | +                                        <div className='sign-ttd'>
 | 
	
		
			
				|  |  | +                                            <img
 | 
	
		
			
				|  |  | +                                                className='sign-ttd'
 | 
	
		
			
				|  |  | +                                                src={value.ttd.path} />
 | 
	
		
			
				|  |  | +                                        </div>
 | 
	
		
			
				|  |  | +                                        <div className='sign-nama'>
 | 
	
		
			
				|  |  | +                                            <text>
 | 
	
		
			
				|  |  | +                                                {value.nama}
 | 
	
		
			
				|  |  | +                                            </text>
 | 
	
		
			
				|  |  | +                                        </div>
 | 
	
		
			
				|  |  | +                                    </div>
 | 
	
		
			
				|  |  |                                  )) : ""}
 | 
	
		
			
				|  |  |                          </div>
 | 
	
		
			
				|  |  |                      </div>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |                  </div>
 | 
	
		
			
				|  |  | -                
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |                  <div id="footer">
 | 
	
		
			
				|  |  |                      <span>*LAPORAN HASIL EVALUASI DAN PEMBAHASAN …………. – …bulan&tahun…</span>
 | 
	
		
			
				|  |  |                  </div>
 |