d1041211043_randa/portaldata
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change Informasi in Beranda

Browse Source
This commit is contained in:
Randa Firman Putra
2025-07-15 15:18:38 +07:00
parent 4585f6a346
commit f9637c77af
4 changed files with 35 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/page.tsx
View File

@@ -17,9 +17,10 @@ interface MahasiswaTotal {
total_berprestasi: number;
prestasi_akademik: number;
prestasi_non_akademik: number;
ipk_rata_rata_aktif: number;
ipk_rata_rata_lulus: number;
total_mahasiswa_aktif_lulus: number;
total_mahasiswa_beasiswa: number;
total_mahasiswa_beasiswa_pemerintah: number;
total_mahasiswa_beasiswa_non_pemerintah: number;
}
// Skeleton loading component
@@ -50,11 +51,12 @@ export default function DashboardPage() {
total_berprestasi: 0,
prestasi_akademik: 0,
prestasi_non_akademik: 0,
ipk_rata_rata_aktif: 0,
ipk_rata_rata_lulus: 0,
total_mahasiswa_aktif_lulus: 0
total_mahasiswa_aktif_lulus: 0,
total_mahasiswa_beasiswa: 0,
total_mahasiswa_beasiswa_pemerintah: 0,
total_mahasiswa_beasiswa_non_pemerintah: 0
});
const [selectedYear, setSelectedYear] = useState<string>("all");
const [loading, setLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
@@ -177,18 +179,19 @@ export default function DashboardPage() {
</CardContent>
</Card>
{/* Kartu Rata-rata IPK */}
{/* Kartu Mahasiswa Beasiswa */}
<Card className="bg-white dark:bg-slate-900 shadow-lg">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium dark:text-white">
Rata-rata IPK
Mahasiswa Beasiswa
</CardTitle>
<BookOpen className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<div className="text-2xl font-bold dark:text-white">{mahasiswaData.mahasiswa_aktif}</div>
<div className="text-2xl font-bold dark:text-white">{mahasiswaData.total_mahasiswa_beasiswa}</div>
<div className="flex justify-between mt-2 text-xs text-muted-foreground">
<span className="dark:text-white">Aktif: <span className="text-green-500">{mahasiswaData.ipk_rata_rata_aktif}</span></span>
<span className="dark:text-white">Pemerintah: <span className="text-green-500">{mahasiswaData.total_mahasiswa_beasiswa_pemerintah}</span></span>
<span className="dark:text-white">Non-Pemerintah: <span className="text-amber-400">{mahasiswaData.total_mahasiswa_beasiswa_non_pemerintah}</span></span>
</div>
</CardContent>
</Card>