UI & API Struktur organisasi sudah bisa aktif & tidak aktif

This commit is contained in:
2025-07-07 21:45:04 +08:00
parent c0b941395d
commit be189df37c

View File

@@ -32,13 +32,13 @@ function ListPegawai() {
try { try {
// Clear existing data to ensure we see the loading state // Clear existing data to ensure we see the loading state
stateOrganisasi.findMany.data = []; stateOrganisasi.findMany.data = [];
// Load new data // Load new data
await stateOrganisasi.findMany.load(); await stateOrganisasi.findMany.load();
// Log the raw response and state // Log the raw response and state
console.log('2. Raw API response:', stateOrganisasi.findMany.data); console.log('2. Raw API response:', stateOrganisasi.findMany.data);
// Type guard to ensure data is an array // Type guard to ensure data is an array
const data = stateOrganisasi.findMany.data || []; const data = stateOrganisasi.findMany.data || [];
console.log(`3. Loaded ${data.length} pegawai records`); console.log(`3. Loaded ${data.length} pegawai records`);
@@ -50,9 +50,9 @@ function ListPegawai() {
stateOrganisasi.findMany.data = []; stateOrganisasi.findMany.data = [];
} }
}; };
loadData(); loadData();
// Cleanup function // Cleanup function
return () => { return () => {
console.log('Cleanup: Unmounting component'); console.log('Cleanup: Unmounting component');
@@ -61,7 +61,7 @@ function ListPegawai() {
// Log render cycle // Log render cycle
console.log('Rendering with data:', stateOrganisasi.findMany.data); console.log('Rendering with data:', stateOrganisasi.findMany.data);
// Handle loading state // Handle loading state
if (stateOrganisasi.findMany.data === null) { if (stateOrganisasi.findMany.data === null) {
console.log('Showing loading state'); console.log('Showing loading state');
@@ -71,7 +71,7 @@ function ListPegawai() {
</Stack> </Stack>
); );
} }
// Check if data is an empty array // Check if data is an empty array
const data = stateOrganisasi.findMany.data || []; const data = stateOrganisasi.findMany.data || [];
if (data.length === 0) { if (data.length === 0) {
@@ -107,7 +107,9 @@ function ListPegawai() {
console.log('Rendering table with items:', stateOrganisasi.findMany.data); console.log('Rendering table with items:', stateOrganisasi.findMany.data);
return null; return null;
})()} })()}
{(stateOrganisasi.findMany.data || []).map((item) => ( {([...stateOrganisasi.findMany.data || []]
.sort((a, b) => Number(b.isActive) - Number(a.isActive)) // Aktif di atas
).map((item) => (
<TableTr key={item.id}> <TableTr key={item.id}>
<TableTd>{item.namaLengkap}</TableTd> <TableTd>{item.namaLengkap}</TableTd>
<TableTd>{item.gelarAkademik}</TableTd> <TableTd>{item.gelarAkademik}</TableTd>