UI & API Struktur organisasi sudah bisa aktif & tidak aktif
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user