fix button unduh

components/Delegasi/CaseProgress.js

@@ -9,7 +9,7 @@ import Datatable from "@/components/Tables/Datatable";
 import MorrisChart from "@/components/Charts//Morris";
 import Dropdown from 'react-bootstrap/Dropdown';
 
-function CaseProgress({ data, nextButton, prevButton, tahun, excel, excelSemua, excelMenu }) {
+function CaseProgress({ data, nextButton, prevButton, tahun, excel, excelSemua, excelMenu, user }) {
 	const ChartPie = {
 		data: [
 			{
@@ -117,15 +117,17 @@ function CaseProgress({ data, nextButton, prevButton, tahun, excel, excelSemua,
 						<img src="/static/img/next.png"></img>
 					</Button>
 					<b className="text-tahun">Tahun {tahun} </b>
-					<Dropdown className="float-right">
-						<Dropdown.Toggle variant="success" id="dropdown-basic">
-							Unduh
-						</Dropdown.Toggle>
-						<Dropdown.Menu>
-							<Dropdown.Item onClick={excelMenu}>Unduh dokumen pelaporan</Dropdown.Item>
-							<Dropdown.Item onClick={excelSemua}>Unduh dokumen semua menu</Dropdown.Item>
-						</Dropdown.Menu>
-					</Dropdown>
+			{user?.role?.id !== 2071 && (   // ⬅️ sembunyikan dropdown untuk role 2071
+                        <Dropdown className="float-right">
+                            <Dropdown.Toggle variant="success" id="dropdown-basic">
+                                Unduh
+                            </Dropdown.Toggle>
+                            <Dropdown.Menu>
+                                <Dropdown.Item onClick={excelMenu}>Unduh dokumen pelaporan</Dropdown.Item>
+                                <Dropdown.Item onClick={excelSemua}>Unduh dokumen semua menu</Dropdown.Item>
+                            </Dropdown.Menu>
+                        </Dropdown>
+                    )}
 					{/* <Button className="float-right button-hidden icon-eksport" type="submit" onClick={excel}>
 						<img src="/static/img/eksport.png"></img>
 					</Button> */}

components/PelaporanTuntas/CaseProgress.js

@@ -9,7 +9,7 @@ import MorrisChart from "@/components/Charts//Morris";
 import { Button } from "reactstrap";
 import Dropdown from 'react-bootstrap/Dropdown';
 
-function CaseProgress({ data, nextButton, prevButton, tahun, excelSemua, excelMenu }) {
+function CaseProgress({ data, nextButton, prevButton, tahun, excelSemua, excelMenu, user }) {
 	const ChartBar = {
 		data: [
 			{
@@ -107,15 +107,17 @@ function CaseProgress({ data, nextButton, prevButton, tahun, excelSemua, excelMe
 						<img src="/static/img/next.png"></img>
 					</Button>
 					<b className="text-tahun">Tahun {tahun} </b>
-					<Dropdown className="float-right">
-						<Dropdown.Toggle variant="success" id="dropdown-basic">
-							Unduh
-						</Dropdown.Toggle>
-						<Dropdown.Menu>
-							<Dropdown.Item onClick={excelMenu}>Unduh dokumen pelaporan tuntas</Dropdown.Item>
-							<Dropdown.Item onClick={excelSemua}>Unduh dokumen semua menu</Dropdown.Item>
-						</Dropdown.Menu>
-					</Dropdown>
+					{user?.role?.id !== 2071 && (   // ⬅️ sembunyikan dropdown untuk role 2071
+                        <Dropdown className="float-right">
+                            <Dropdown.Toggle variant="success" id="dropdown-basic">
+                                Unduh
+                            </Dropdown.Toggle>
+                            <Dropdown.Menu>
+                                <Dropdown.Item onClick={excelMenu}>Unduh dokumen pelaporan</Dropdown.Item>
+                                <Dropdown.Item onClick={excelSemua}>Unduh dokumen semua menu</Dropdown.Item>
+                            </Dropdown.Menu>
+                        </Dropdown>
+                    )}
 				</div>
 				<div className="header-1">
 					<h2 className="card-title-1">Perkembangan</h2>

pages/app/laporan-delegasi/index.js

@@ -98,7 +98,7 @@ class Pelaporan extends Component {
 					<div className="font-color-white">Laporan Delegasi</div>
 				</div>
 				<Row>
-					<Col lg="4">{graph?.data ? <CaseProgress data={graph.data} nextButton={this.nextButton} prevButton={this.prevButton} tahun={this.state.tahun} excel={this.excel} excelMenu={this.excelMenu} excelSemua={this.excelSemua} /> : <Loader />}</Col>
+					<Col lg="4">{graph?.data ? <CaseProgress user={this?.props?.user} data={graph.data} nextButton={this.nextButton} prevButton={this.prevButton} tahun={this.state.tahun} excel={this.excel} excelMenu={this.excelMenu} excelSemua={this.excelSemua} /> : <Loader />}</Col>
 					<Col lg="8">{pelaporan?.data ? <TableLaporan listData={pelaporan.data} to="/app/laporan-delegasi/detail" linkName="Detail" /> : <Loader />}</Col>
 				</Row>
 			</ContentWrapper>

pages/app/tuntas/index.js

@@ -136,7 +136,7 @@ class PelaporanTuntas extends Component {
                     </span>
                 </div>
                 <Row>
-                    <Col lg="4">{laporanSelesai?.data ? <CaseProgress data={laporanSelesai.data} nextButton={this.nextButton} prevButton={this.prevButton} tahun={this.state.tahun} excel={this.excel} excelMenu={this.excelMenu} excelSemua={this.excelSemua} /> : <Loader />}</Col>
+                    <Col lg="4">{laporanSelesai?.data ? <CaseProgress user={this?.props?.user} data={laporanSelesai.data} nextButton={this.nextButton} prevButton={this.prevButton} tahun={this.state.tahun} excel={this.excel} excelMenu={this.excelMenu} excelSemua={this.excelSemua} /> : <Loader />}</Col>
                     <Col lg="8">{laporanSelesai?.data?.laporan ? <TableLaporan status noBy listData={pelaporan.data} to="/app/tuntas/detail" linkName="Detail" /> : <Loader />}</Col>
                 </Row>
             </ContentWrapper>