You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
2.4 KiB
63 lines
2.4 KiB
import React, { useState } from "react" |
|
import { TabView, TabPanel } from "primereact/tabview" |
|
// import Identifikasi from "./componentProgresifitas/Identifikasi" |
|
import Pembayaran from "./componentProgresifitas/Pembayaran" |
|
import Identifikasi from "./componentProgresifitas/Identifikasi" |
|
import PayComp from "./componentProgresifitas/PayComp" |
|
import Sof from "./componentProgresifitas/Sof" |
|
import JenisStatusWp from "./componentProgresifitas/JenisStatusWp" |
|
import Pengampu from "./componentProgresifitas/Pengampu" |
|
import SPTTahunan from "./componentProgresifitas/SPTTahunan" |
|
import KLU from "./componentProgresifitas/KLU" |
|
import ZonaPengawasan from "./componentProgresifitas/ZonaPengawasan" |
|
import { useDispatch, useSelector } from "react-redux" |
|
import { isObjEmpty } from "./util" |
|
|
|
export default function TabProgresifitas({ dataSend }) { |
|
const dispatch = useDispatch() |
|
const storeKpdl = useSelector((state) => state.kpdl) |
|
|
|
return ( |
|
<div className="card"> |
|
<TabView scrollable> |
|
<TabPanel id="tab_1" header="Identifikasi"> |
|
<Identifikasi dataSend={dataSend} /> |
|
</TabPanel> |
|
|
|
<TabPanel id="tab_2" header="Pembayaran"> |
|
<Pembayaran dataSend={dataSend} /> |
|
</TabPanel> |
|
|
|
<TabPanel id="tab_3" header="Payment Compliance"> |
|
<PayComp dataSend={dataSend} /> |
|
</TabPanel> |
|
|
|
<TabPanel id="tab_4" header="Strength Of Figure"> |
|
<div> |
|
<Sof dataSend={dataSend} /> |
|
</div> |
|
</TabPanel> |
|
<TabPanel id="tab_7" header="SPT Tahunan"> |
|
<SPTTahunan dataSend={dataSend} /> |
|
</TabPanel> |
|
|
|
<TabPanel id="tab_5" header="Jenis/Status WP"> |
|
<JenisStatusWp dataSend={dataSend} /> |
|
</TabPanel> |
|
{storeKpdl && !isObjEmpty(storeKpdl) && storeKpdl.selectedOpsi && storeKpdl.selectedOpsi?.name !== "pengampu" ? ( |
|
<TabPanel id="tab_5" header="Pengampu"> |
|
<Pengampu dataSend={dataSend} /> |
|
</TabPanel> |
|
) : null} |
|
{storeKpdl && !isObjEmpty(storeKpdl) && storeKpdl.selectedOpsi && storeKpdl.selectedOpsi?.name !== "zona" ? ( |
|
<TabPanel id="tab_6" header="Zona Pengawasan"> |
|
<ZonaPengawasan dataSend={dataSend} /> |
|
</TabPanel> |
|
) : null} |
|
<TabPanel id="tab_8" header="KLU (Golongan Pokok)"> |
|
<KLU dataSend={dataSend} /> |
|
</TabPanel> |
|
</TabView> |
|
</div> |
|
) |
|
}
|
|
|