Change total mahasiswa

app/api/mahasiswa/profile/route.ts

@@ -3,19 +3,42 @@ import supabase from '@/lib/db';
 import { cookies } from 'next/headers';
 import { jwtVerify } from 'jose';
 
+interface PrestasiMahasiswa {
+  nama_prestasi: string;
+  jenis_prestasi: string;
+  tingkat_prestasi: string;
+  peringkat: string;
+  tanggal_prestasi: string;
+}
+
+interface BeasiswaMahasiswa {
+  nama_beasiswa: string;
+  sumber_beasiswa: string;
+  jenis_beasiswa: string;
+  beasiswa_status: string;
+}
+
 interface MahasiswaProfile {
-  nim: string;
+  // Data Mahasiswa
   nama: string;
+  nim: string;
+  tahun_angkatan: string;
   jk: 'Pria' | 'Wanita';
+  jenis_pendaftaran: string;
+  ipk: number | null;
   agama: string;
   kabupaten: string;
   provinsi: string;
-  jenis_pendaftaran: string;
-  status_beasiswa: 'YA' | 'TIDAK';
-  tahun_angkatan: string;
-  ipk: number | null;
-  prestasi: 'YA' | 'TIDAK';
+  
+  // Status Mahasiswa
   status_kuliah: string;
+  semester: string;
+  
+  // Prestasi Mahasiswa
+  prestasi: PrestasiMahasiswa[];
+  
+  // Beasiswa Mahasiswa
+  beasiswa: BeasiswaMahasiswa[];
 }
 
 export async function GET(request: Request) {
@@ -43,17 +66,15 @@ export async function GET(request: Request) {
     const { data: mahasiswaData, error: mahasiswaError } = await supabase
       .from('mahasiswa')
       .select(`
-        nim,
         nama,
+        nim,
+        tahun_angkatan,
         jk,
+        jenis_pendaftaran,
+        ipk,
         agama,
         kabupaten,
-        provinsi,
-        jenis_pendaftaran,
-        status_beasiswa,
-        tahun_angkatan,
-        ipk,
-        prestasi
+        provinsi
       `)
       .eq('nim', nim)
       .single();
@@ -65,27 +86,58 @@ export async function GET(request: Request) {
       );
     }
 
-    // Get status_kuliah separately
+    // Get status_mahasiswa data
     const { data: statusData, error: statusError } = await supabase
       .from('status_mahasiswa')
-      .select('status_kuliah')
+      .select('status_kuliah, semester')
       .eq('nim', nim)
       .single();
 
+    // Get prestasi_mahasiswa data
+    const { data: prestasiData, error: prestasiError } = await supabase
+      .from('prestasi_mahasiswa')
+      .select(`
+        nama_prestasi,
+        jenis_prestasi,
+        tingkat_prestasi,
+        peringkat,
+        tanggal_prestasi
+      `)
+      .eq('nim', nim);
+
+    // Get beasiswa_mahasiswa data
+    const { data: beasiswaData, error: beasiswaError } = await supabase
+      .from('beasiswa_mahasiswa')
+      .select(`
+        nama_beasiswa,
+        sumber_beasiswa,
+        jenis_beasiswa,
+        beasiswa_status
+      `)
+      .eq('nim', nim);
+
     // Transform the data to match the expected interface
     const profile: MahasiswaProfile = {
-      nim: mahasiswaData.nim,
+      // Data Mahasiswa
       nama: mahasiswaData.nama,
+      nim: mahasiswaData.nim,
+      tahun_angkatan: mahasiswaData.tahun_angkatan,
       jk: mahasiswaData.jk,
+      jenis_pendaftaran: mahasiswaData.jenis_pendaftaran,
+      ipk: mahasiswaData.ipk,
       agama: mahasiswaData.agama,
       kabupaten: mahasiswaData.kabupaten,
       provinsi: mahasiswaData.provinsi,
-      jenis_pendaftaran: mahasiswaData.jenis_pendaftaran,
-      status_beasiswa: mahasiswaData.status_beasiswa,
-      tahun_angkatan: mahasiswaData.tahun_angkatan,
-      ipk: mahasiswaData.ipk,
-      prestasi: mahasiswaData.prestasi,
-      status_kuliah: statusData?.status_kuliah || ''
+      
+      // Status Mahasiswa
+      status_kuliah: statusData?.status_kuliah || '-',
+      semester: statusData?.semester || '-',
+      
+      // Prestasi Mahasiswa
+      prestasi: prestasiData || [],
+      
+      // Beasiswa Mahasiswa
+      beasiswa: beasiswaData || []
     };
 
     return NextResponse.json(profile);

app/api/mahasiswa/tingkat-prestasi/route.ts

@@ -4,19 +4,44 @@ import supabase from '@/lib/db';
 export async function GET(request: Request) {
   try {
     const { searchParams } = new URL(request.url);
+    const tahunAngkatan = searchParams.get('tahunAngkatan');
     const jenisPrestasi = searchParams.get('jenisPrestasi');
 
-    const { data, error } = await supabase
+    // Validate jenisPrestasi parameter (allow null)
+    if (jenisPrestasi && jenisPrestasi !== 'null' && jenisPrestasi !== 'undefined') {
+      // Validate against valid enum values only if jenisPrestasi is provided
+      const validJenisPrestasi = ['Akademik', 'Non-Akademik'];
+      if (!validJenisPrestasi.includes(jenisPrestasi)) {
+        return NextResponse.json(
+          { error: `Invalid jenisPrestasi value. Must be one of: ${validJenisPrestasi.join(', ')}` },
+          { status: 400 }
+        );
+      }
+    }
+
+    // Build query based on parameters
+    let query = supabase
       .from('mahasiswa')
       .select(`
         tahun_angkatan,
-        prestasi_mahasiswa!inner(
+        prestasi_mahasiswa(
           tingkat_prestasi,
           jenis_prestasi
         )
-      `)
-      .eq('prestasi_mahasiswa.jenis_prestasi', jenisPrestasi);
+      `);
 
+    // Add tahun angkatan filter if provided
+    if (tahunAngkatan && tahunAngkatan !== 'null' && tahunAngkatan !== 'undefined') {
+      query = query.eq('tahun_angkatan', parseInt(tahunAngkatan));
+    }
+
+    // Add jenis prestasi filter if provided
+    if (jenisPrestasi && jenisPrestasi !== 'null' && jenisPrestasi !== 'undefined') {
+      query = query.eq('prestasi_mahasiswa.jenis_prestasi', jenisPrestasi);
+    }
+
+    const { data, error } = await query;
+    
     if (error) {
       console.error('Supabase error:', error);
       return NextResponse.json(
@@ -28,25 +53,39 @@ export async function GET(request: Request) {
     // Group and count the data in JavaScript
     const groupedData = data.reduce((acc: any[], row: any) => {
       const tahunAngkatan = row.tahun_angkatan;
-      const tingkatPrestasi = row.prestasi_mahasiswa?.tingkat_prestasi;
       
-      if (!tahunAngkatan || !tingkatPrestasi) return acc;
+      // Handle array of prestasi_mahasiswa
+      const prestasiArray = Array.isArray(row.prestasi_mahasiswa) ? row.prestasi_mahasiswa : [row.prestasi_mahasiswa];
       
-      const existingGroup = acc.find(
-        (item: any) => 
-          item.tahun_angkatan === tahunAngkatan && 
-          item.tingkat_prestasi === tingkatPrestasi
-      );
-      
-      if (existingGroup) {
-        existingGroup.tingkat_mahasiswa_prestasi++;
-      } else {
-        acc.push({
-          tahun_angkatan: tahunAngkatan,
-          tingkat_prestasi: tingkatPrestasi,
-          tingkat_mahasiswa_prestasi: 1
-        });
+      if (!tahunAngkatan) {
+        return acc;
       }
+
+      // Process each prestasi in the array
+      prestasiArray.forEach((prestasi: any) => {
+        if (!prestasi || !prestasi.tingkat_prestasi) {
+          return;
+        }
+
+        const tingkatPrestasi = prestasi.tingkat_prestasi;
+        
+        const existingGroup = acc.find(
+          (item: any) => 
+            item.tahun_angkatan === tahunAngkatan && 
+            item.tingkat_prestasi === tingkatPrestasi
+        );
+        
+        if (existingGroup) {
+          existingGroup.tingkat_mahasiswa_prestasi++;
+        } else {
+          const newGroup = {
+            tahun_angkatan: tahunAngkatan,
+            tingkat_prestasi: tingkatPrestasi,
+            tingkat_mahasiswa_prestasi: 1
+          };
+          acc.push(newGroup);
+        }
+      });
       
       return acc;
     }, []);

app/mahasiswa/profile/page.tsx

@@ -5,22 +5,45 @@ import { useRouter } from 'next/navigation';
 import { useToast } from '@/components/ui/use-toast';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Skeleton } from '@/components/ui/skeleton';
-import { User } from 'lucide-react';
+import { User, Trophy, Award } from 'lucide-react';
 import { useTheme } from 'next-themes';
 
+interface PrestasiMahasiswa {
+  nama_prestasi: string;
+  jenis_prestasi: string;
+  tingkat_prestasi: string;
+  peringkat: string;
+  tanggal_prestasi: string;
+}
+
+interface BeasiswaMahasiswa {
+  nama_beasiswa: string;
+  sumber_beasiswa: string;
+  jenis_beasiswa: string;
+  beasiswa_status: string;
+}
+
 interface MahasiswaProfile {
-  nim: string;
+  // Data Mahasiswa
   nama: string;
+  nim: string;
+  tahun_angkatan: string;
   jk: 'Pria' | 'Wanita';
+  jenis_pendaftaran: string;
+  ipk: number | null;
   agama: string;
   kabupaten: string;
   provinsi: string;
-  jenis_pendaftaran: string;
-  status_beasiswa: 'YA' | 'TIDAK';
-  tahun_angkatan: string;
-  ipk: number | null;
-  prestasi: 'YA' | 'TIDAK';
+  
+  // Status Mahasiswa
   status_kuliah: string;
+  semester: string;
+  
+  // Prestasi Mahasiswa
+  prestasi: PrestasiMahasiswa[];
+  
+  // Beasiswa Mahasiswa
+  beasiswa: BeasiswaMahasiswa[];
 }
 
 export default function ProfilePage() {
@@ -72,29 +95,31 @@ export default function ProfilePage() {
 
   if (loading) {
     return (
-      <div className="container mx-auto p-4 max-w-2xl">
-        <Card className="border shadow-sm bg-white dark:bg-slate-900">
-          <CardHeader className="border-b py-3 bg-white dark:bg-slate-900 text-black dark:text-white">
-            <CardTitle className="text-lg">Profil Mahasiswa</CardTitle>
-          </CardHeader>
-          <CardContent className="p-4">
-            <div className="space-y-3">
-              {[...Array(8)].map((_, i) => (
-                <div key={i} className="flex items-center gap-2">
-                  <Skeleton className="h-3 w-[80px]" />
-                  <Skeleton className="h-3 w-[140px]" />
-                </div>
-              ))}
-            </div>
-          </CardContent>
-        </Card>
+      <div className="container mx-auto p-4 max-w-4xl space-y-4">
+        {[...Array(3)].map((_, i) => (
+          <Card key={i} className="border shadow-sm bg-white dark:bg-slate-900">
+            <CardHeader className="border-b py-3 bg-white dark:bg-slate-900 text-black dark:text-white">
+              <Skeleton className="h-6 w-[200px]" />
+            </CardHeader>
+            <CardContent className="p-4">
+              <div className="space-y-3">
+                {[...Array(8)].map((_, j) => (
+                  <div key={j} className="flex items-center gap-2">
+                    <Skeleton className="h-3 w-[80px]" />
+                    <Skeleton className="h-3 w-[140px]" />
+                  </div>
+                ))}
+              </div>
+            </CardContent>
+          </Card>
+        ))}
       </div>
     );
   }
 
   if (!profile) {
     return (
-      <div className="container mx-auto p-4 max-w-2xl">
+      <div className="container mx-auto p-4 max-w-4xl">
         <Card className="border shadow-sm">
           <CardHeader className="border-b bg-muted/30 py-3">
             <CardTitle className="text-lg">Profil Mahasiswa</CardTitle>
@@ -115,8 +140,26 @@ export default function ProfilePage() {
     return Number(ipk).toFixed(2);
   };
 
+  // Get first prestasi or create empty object
+  const firstPrestasi = profile.prestasi.length > 0 ? profile.prestasi[0] : {
+    nama_prestasi: '-',
+    jenis_prestasi: '-',
+    tingkat_prestasi: '-',
+    peringkat: '-',
+    tanggal_prestasi: '-'
+  };
+
+  // Get first beasiswa or create empty object
+  const firstBeasiswa = profile.beasiswa.length > 0 ? profile.beasiswa[0] : {
+    nama_beasiswa: '-',
+    sumber_beasiswa: '-',
+    jenis_beasiswa: '-',
+    beasiswa_status: '-'
+  };
+
   return (
-    <div className="container mx-auto p-4 w-full">
+    <div className="container mx-auto p-4 w-full max-w-4xl space-y-4">
+      {/* Data Mahasiswa */}
       <Card className="gap-0 bg-white dark:bg-slate-900 border shadow-sm">
         <CardHeader className="border-b py-2">
           <div className="flex items-center gap-3">
@@ -124,44 +167,139 @@ export default function ProfilePage() {
               <User className="h-5 w-5 text-primary" />
             </div>
             <div>
-              <CardTitle className="text-base font-medium text-black dark:text-white">{profile.nama}</CardTitle>
-              <p className="text-xs text-muted-foreground">{profile.nim}</p>
+              <CardTitle className="text-base font-medium text-black dark:text-white">Data Mahasiswa</CardTitle>
             </div>
           </div>
         </CardHeader>
         <CardContent className="py-2 px-4">
-          <div className="space-y-1 text-sm text-black dark:text-white">
-            <div className="py-1.5 border-b">
-              <div className="text-muted-foreground">Jenis Kelamin</div>
-              <div>{profile.jk}</div>
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm text-black dark:text-white">
+            <div className="space-y-1">
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Nama Lengkap</div>
+                <div>{profile.nama}</div>
+              </div>
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">NIM</div>
+                <div>{profile.nim}</div>
+              </div>
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Status Kuliah</div>
+                <div>{profile.status_kuliah}</div>
+              </div>
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Semester</div>
+                <div>{profile.semester}</div>
+              </div>
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Tahun Angkatan</div>
+                <div>{profile.tahun_angkatan}</div>
+              </div>
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Jenis Kelamin</div>
+                <div>{profile.jk}</div>
+              </div>
             </div>
-            <div className="py-1.5 border-b">
-              <div className="text-muted-foreground">Agama</div>
-              <div>{profile.agama}</div>
+            <div className="space-y-1">
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Jenis Pendaftaran</div>
+                <div>{profile.jenis_pendaftaran}</div>
+              </div>
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">IPK</div>
+                <div>{formatIPK(profile.ipk)}</div>
+              </div>
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Agama</div>
+                <div>{profile.agama}</div>
+              </div>
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Kabupaten</div>
+                <div>{profile.kabupaten}</div>
+              </div>
+              <div className="py-1.5">
+                <div className="text-muted-foreground">Provinsi</div>
+                <div>{profile.provinsi}</div>
+              </div>
             </div>
-            <div className="py-1.5 border-b">
-              <div className="text-muted-foreground">Kabupaten</div>
-              <div>{profile.kabupaten}</div>
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Prestasi Mahasiswa */}
+      <Card className="gap-0 bg-white dark:bg-slate-900 border shadow-sm">
+        <CardHeader className="border-b py-2">
+          <div className="flex items-center gap-3">
+            <div className="h-10 w-10 rounded-full bg-yellow-100 dark:bg-yellow-900/20 flex items-center justify-center">
+              <Trophy className="h-5 w-5 text-yellow-600 dark:text-yellow-400" />
             </div>
-            <div className="py-1.5 border-b">
-              <div className="text-muted-foreground">Provinsi</div>
-              <div>{profile.provinsi}</div>
+            <div>
+              <CardTitle className="text-base font-medium text-black dark:text-white">Prestasi Mahasiswa</CardTitle>
             </div>
-            <div className="py-1.5 border-b">
-              <div className="text-muted-foreground">Jenis Pendaftaran</div>
-              <div>{profile.jenis_pendaftaran}</div>
+          </div>
+        </CardHeader>
+        <CardContent className="py-2 px-4">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm text-black dark:text-white">
+            <div className="space-y-1">
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Nama Prestasi</div>
+                <div>{firstPrestasi.nama_prestasi}</div>
+              </div>
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Jenis Prestasi</div>
+                <div>{firstPrestasi.jenis_prestasi}</div>
+              </div>
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Tingkat Prestasi</div>
+                <div>{firstPrestasi.tingkat_prestasi}</div>
+              </div>
             </div>
-            <div className="py-1.5 border-b">
-              <div className="text-muted-foreground">Tahun Angkatan</div>
-              <div>{profile.tahun_angkatan}</div>
+            <div className="space-y-1">
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Peringkat</div>
+                <div>{firstPrestasi.peringkat}</div>
+              </div>
+              <div className="py-1.5">
+                <div className="text-muted-foreground">Tanggal Prestasi</div>
+                <div>{firstPrestasi.tanggal_prestasi}</div>
+              </div>
             </div>
-            <div className="py-1.5 border-b">
-              <div className="text-muted-foreground">IPK</div>
-              <div>{formatIPK(profile.ipk)}</div>
+          </div>
+        </CardContent>
+      </Card>
+
+      {/* Beasiswa Mahasiswa */}
+      <Card className="gap-0 bg-white dark:bg-slate-900 border shadow-sm">
+        <CardHeader className="border-b py-2">
+          <div className="flex items-center gap-3">
+            <div className="h-10 w-10 rounded-full bg-green-100 dark:bg-green-900/20 flex items-center justify-center">
+              <Award className="h-5 w-5 text-green-600 dark:text-green-400" />
             </div>
-            <div className="py-1.5">
-              <div className="text-muted-foreground">Status Kuliah</div>
-              <div>{profile.status_kuliah || '-'}</div>
+            <div>
+              <CardTitle className="text-base font-medium text-black dark:text-white">Beasiswa Mahasiswa</CardTitle>
+            </div>
+          </div>
+        </CardHeader>
+        <CardContent className="py-2 px-4">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm text-black dark:text-white">
+            <div className="space-y-1">
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Nama Beasiswa</div>
+                <div>{firstBeasiswa.nama_beasiswa}</div>
+              </div>
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Sumber Beasiswa</div>
+                <div>{firstBeasiswa.sumber_beasiswa}</div>
+              </div>
+            </div>
+            <div className="space-y-1">
+              <div className="py-1.5 border-b">
+                <div className="text-muted-foreground">Jenis Beasiswa</div>
+                <div>{firstBeasiswa.jenis_beasiswa}</div>
+              </div>
+              <div className="py-1.5">
+                <div className="text-muted-foreground">Status Beasiswa</div>
+                <div>{firstBeasiswa.beasiswa_status}</div>
+              </div>
             </div>
           </div>
         </CardContent>

app/page.tsx

@@ -188,10 +188,9 @@ export default function HomePage() {
                 <BookOpen className="h-4 w-4 text-muted-foreground" />
               </CardHeader>
               <CardContent>
-                <div className="text-2xl font-bold dark:text-white">{mahasiswaData.total_mahasiswa_aktif_lulus}</div>
+                <div className="text-2xl font-bold dark:text-white">{mahasiswaData.mahasiswa_aktif}</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">Lulus: <span className="text-blue-500">{mahasiswaData.ipk_rata_rata_lulus}</span></span>
                 </div>
               </CardContent>
             </Card>