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

Fix Layout

Browse Source
This commit is contained in:
Randa Firman Putra
2025-07-14 22:49:22 +07:00
parent f76440c4e2
commit 833b307602
21 changed files with 143 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
app/page.tsx
View File

@@ -199,40 +199,20 @@ export default function DashboardPage() {
</CardContent> </CardContent>
</Card> </Card>
</div> </div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<Card className="bg-white dark:bg-slate-900 shadow-lg dark:text-white"> <div className="col-span-1">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2"> <StatistikMahasiswaChart />
<CardTitle className="text-sm font-medium dark:text-white"> </div>
Filter Data <div className="col-span-1">
</CardTitle> <JenisPendaftaranChart />
</CardHeader> </div>
<CardContent> <div className="col-span-1">
<div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 sm:space-x-4"> <AsalDaerahChart />
<FilterTahunAngkatan </div>
selectedYear={selectedYear} </div>
onYearChange={setSelectedYear} </>
/> )
</div> }
</CardContent> </div>
</Card>
{selectedYear === "all" ? (
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<StatistikMahasiswaChart />
<JenisPendaftaranChart />
<StatusMahasiswaChart />
<IPKChart />
<AsalDaerahChart />
</div>
) : (
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<StatistikPerAngkatanChart tahunAngkatan={selectedYear} />
<JenisPendaftaranPerAngkatanChart tahunAngkatan={selectedYear} />
<AsalDaerahPerAngkatanChart tahunAngkatan={selectedYear} />
</div>
)}
</>
)}
</div>
); );
} }

56
app/visualisasi/mahasiswa/page.tsx Normal file
View File

@@ -0,0 +1,56 @@
'use client';
import { useState } from "react";
import StatistikMahasiswaChart from "@/components/charts/StatistikMahasiswaChart";
import StatistikPerAngkatanChart from "@/components/charts/StatistikPerAngkatanChart";
import JenisPendaftaranChart from "@/components/charts/JenisPendaftaranChart";
import AsalDaerahChart from "@/components/charts/AsalDaerahChart";
import IPKChart from "@/components/charts/IPKChart";
import FilterTahunAngkatan from "@/components/FilterTahunAngkatan";
import JenisPendaftaranPerAngkatanChart from "@/components/charts/JenisPendaftaranPerAngkatanChart";
import AsalDaerahPerAngkatanChart from "@/components/charts/AsalDaerahPerAngkatanChart";
import StatusMahasiswaChart from "@/components/charts/StatusMahasiswaChart";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
export default function TotalMahasiswaPage() {
const [selectedYear, setSelectedYear] = useState<string>("all");
return (
<div className="container mx-auto p-4 space-y-6">
<h1 className="text-3xl font-bold mb-4">Mahasiswa</h1>
<div className="mb-4">
<p className="text-gray-600 dark:text-gray-300">
Informasi jumlah mahasiswa, jenis pendaftaran, status mahasiswa, rata-rata IPK, dan asal daerah dengan filter tahun angkatan.
</p>
</div>
<Card className="bg-white dark:bg-slate-900 shadow-lg dark:text-white">
<CardContent>
<div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 sm:space-x-4">
<FilterTahunAngkatan
selectedYear={selectedYear}
onYearChange={setSelectedYear}
/>
</div>
</CardContent>
</Card>
{selectedYear === "all" ? (
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<StatistikMahasiswaChart />
<JenisPendaftaranChart />
<StatusMahasiswaChart />
<IPKChart />
<AsalDaerahChart />
</div>
) : (
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<StatistikPerAngkatanChart tahunAngkatan={selectedYear} />
<JenisPendaftaranPerAngkatanChart tahunAngkatan={selectedYear} />
<AsalDaerahPerAngkatanChart tahunAngkatan={selectedYear} />
</div>
)}
</div>
);
}

43
app/visualisasi/status/page.tsx
View File

@@ -17,20 +17,15 @@ export default function StatusMahasiswaPage() {
return ( return (
<div className="container mx-auto p-4 space-y-6"> <div className="container mx-auto p-4 space-y-6">
<h1 className="text-3xl font-bold mb-4">Status Mahasiswa</h1> <h1 className="text-3xl font-bold mb-4">Status Kuliah</h1>
<div className="mb-4"> <div className="mb-4">
<p className="text-gray-600 dark:text-gray-300"> <p className="text-gray-600 dark:text-gray-300">
Mahasiswa status adalah status kuliah mahasiswa program studi Informatika Fakultas Teknik Universitas Tanjungpura. Informasi jumlah mahasiswa, jenis pendaftaran, asal daerah, dan rata-rata IPK dengan filter tahun angkatan dan status kuliah.
</p> </p>
</div> </div>
<Card className="bg-white dark:bg-slate-900 shadow-lg dark:text-white"> <Card className="bg-white dark:bg-slate-900 shadow-lg dark:text-white">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium dark:text-white">
Filter Data
</CardTitle>
</CardHeader>
<CardContent> <CardContent>
<div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 sm:space-x-4"> <div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 sm:space-x-4">
<FilterTahunAngkatan <FilterTahunAngkatan
@@ -47,17 +42,28 @@ export default function StatusMahasiswaPage() {
{selectedYear === "all" ? ( {selectedYear === "all" ? (
<> <>
<StatusMahasiswaFilterChart <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<StatusMahasiswaFilterChart
selectedYear={selectedYear}
selectedStatus={selectedStatus}
/>
<JenisPendaftaranStatusChart
selectedYear={selectedYear}
selectedStatus={selectedStatus}
/>
<IpkStatusChart
selectedYear={selectedYear} selectedYear={selectedYear}
selectedStatus={selectedStatus} selectedStatus={selectedStatus}
/> />
<JenisPendaftaranStatusChart <AsalDaerahStatusChart
selectedYear={selectedYear} selectedYear={selectedYear}
selectedStatus={selectedStatus} selectedStatus={selectedStatus}
/> />
</div>
</> </>
) : ( ) : (
<> <>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<StatusMahasiswaFilterPieChart <StatusMahasiswaFilterPieChart
selectedYear={selectedYear} selectedYear={selectedYear}
selectedStatus={selectedStatus} selectedStatus={selectedStatus}
@@ -66,19 +72,12 @@ export default function StatusMahasiswaPage() {
selectedYear={selectedYear} selectedYear={selectedYear}
selectedStatus={selectedStatus} selectedStatus={selectedStatus}
/> />
</> <AsalDaerahStatusChart
)}
<AsalDaerahStatusChart
selectedYear={selectedYear}
selectedStatus={selectedStatus}
/>
{selectedYear === "all" && (
<IpkStatusChart
selectedYear={selectedYear} selectedYear={selectedYear}
selectedStatus={selectedStatus} selectedStatus={selectedStatus}
/> />
</div>
</>
)} )}
</div> </div>

27
app/visualisasi/tipekelulusan/page.tsx
View File

@@ -24,11 +24,6 @@ export default function LulusTepatWaktuPage() {
</div> </div>
<Card className="bg-white dark:bg-slate-900 shadow-lg dark:text-white"> <Card className="bg-white dark:bg-slate-900 shadow-lg dark:text-white">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium dark:text-white">
Filter Data
</CardTitle>
</CardHeader>
<CardContent> <CardContent>
<div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 sm:space-x-4"> <div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 sm:space-x-4">
<FilterTahunAngkatan <FilterTahunAngkatan
@@ -40,21 +35,23 @@ export default function LulusTepatWaktuPage() {
</Card> </Card>
{selectedYear === "all" ? ( {selectedYear === "all" ? (
<> <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<LulusTepatWaktuChart selectedYear={selectedYear} /> <LulusTepatWaktuChart selectedYear={selectedYear} />
<JenisPendaftaranLulusChart selectedYear={selectedYear} /> <JenisPendaftaranLulusChart selectedYear={selectedYear} />
</> </div>
) : ( ) : (
<> <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<LulusTepatWaktuPieChart selectedYear={selectedYear} /> <LulusTepatWaktuPieChart selectedYear={selectedYear} />
<JenisPendaftaranLulusPieChart selectedYear={selectedYear} /> <JenisPendaftaranLulusPieChart selectedYear={selectedYear} />
</> </div>
)} )}
<AsalDaerahLulusChart selectedYear={selectedYear} /> <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
{selectedYear === "all" && ( <AsalDaerahLulusChart selectedYear={selectedYear} />
<IPKLulusTepatChart selectedYear={selectedYear} /> {selectedYear === "all" && (
)} <IPKLulusTepatChart selectedYear={selectedYear} />
)}
</div>
</div> </div>
); );

2
components/FilterStatusKuliah.tsx
View File

@@ -17,7 +17,6 @@ export default function FilterStatusKuliah({ selectedStatus, onStatusChange }: P
]; ];
return ( return (
<div className="w-64">
<Select <Select
value={selectedStatus} value={selectedStatus}
onValueChange={onStatusChange} onValueChange={onStatusChange}
@@ -33,6 +32,5 @@ export default function FilterStatusKuliah({ selectedStatus, onStatusChange }: P
))} ))}
</SelectContent> </SelectContent>
</Select> </Select>
</div>
); );
} }

2
components/FilterTahunAngkatan.tsx
View File

@@ -30,7 +30,6 @@ export default function FilterTahunAngkatan({ selectedYear, onYearChange, showAl
}, []); }, []);
return ( return (
<div className="w-64">
<Select value={selectedYear} onValueChange={onYearChange}> <Select value={selectedYear} onValueChange={onYearChange}>
<SelectTrigger className="focus:outline-none focus:ring-0 focus:ring-offset-0"> <SelectTrigger className="focus:outline-none focus:ring-0 focus:ring-offset-0">
<SelectValue placeholder="Pilih Tahun Angkatan" /> <SelectValue placeholder="Pilih Tahun Angkatan" />
@@ -49,6 +48,5 @@ export default function FilterTahunAngkatan({ selectedYear, onYearChange, showAl
))} ))}
</SelectContent> </SelectContent>
</Select> </Select>
</div>
); );
} }

2
components/charts/AsalDaerahChart.tsx
View File

@@ -262,7 +262,7 @@ export default function AsalDaerahChart() {
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[600px] w-full"> <div className="h-[300px] w-full">
<Chart <Chart
options={options} options={options}
series={series} series={series}

4
components/charts/AsalDaerahPerAngkatanChart.tsx
View File

@@ -308,13 +308,13 @@ export default function AsalDaerahPerAngkatanChart({ tahunAngkatan }: Props) {
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[600px] w-full"> <div className="h-[300px] w-full">
<Chart <Chart
options={options} options={options}
series={series} series={series}
type="bar" type="bar"
height="100%" height="100%"
width="90%" width="100%"
/> />
</div> </div>
</CardContent> </CardContent>

6
components/charts/AsalDaerahStatusChart.tsx
View File

@@ -119,7 +119,7 @@ export default function AsalDaerahStatusChart({ selectedYear, selectedStatus }:
fontSize: '12px', fontSize: '12px',
colors: theme === 'dark' ? '#fff' : '#000' colors: theme === 'dark' ? '#fff' : '#000'
} }
} },
}, },
yaxis: { yaxis: {
title: { title: {
@@ -224,14 +224,14 @@ export default function AsalDaerahStatusChart({ selectedYear, selectedStatus }:
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[500px] w-full max-w-5xl mx-auto"> <div className="h-[300px] w-full max-w-5xl mx-auto">
{typeof window !== 'undefined' && ( {typeof window !== 'undefined' && (
<Chart <Chart
options={chartOptions} options={chartOptions}
series={series} series={series}
type="bar" type="bar"
height="100%" height="100%"
width="90%" width="100%"
/> />
)} )}
</div> </div>

4
components/charts/IPKChart.tsx
View File

@@ -324,13 +324,13 @@ export default function IPKChart() {
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[300px] sm:h-[350px] md:h-[400px] w-full max-w-5xl mx-auto"> <div className="h-[300px] sm:h-[350px] md:h-[300px] w-full max-w-5xl mx-auto">
<Chart <Chart
options={options} options={options}
series={series} series={series}
type="line" type="line"
height="100%" height="100%"
width="90%" width="100%"
/> />
</div> </div>
</CardContent> </CardContent>

4
components/charts/IpkStatusChart.tsx
View File

@@ -278,14 +278,14 @@ export default function IpkStatusChart({ selectedYear, selectedStatus }: Props)
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[300px] sm:h-[350px] md:h-[400px] w-full max-w-5xl mx-auto"> <div className="h-[300px] sm:h-[300px] md:h-[300px] w-full max-w-5xl mx-auto">
{typeof window !== 'undefined' && ( {typeof window !== 'undefined' && (
<Chart <Chart
options={chartOptions} options={chartOptions}
series={series} series={series}
type={selectedYear === 'all' ? 'line' : 'bar'} type={selectedYear === 'all' ? 'line' : 'bar'}
height="100%" height="100%"
width="90%" width="100%"
/> />
)} )}
</div> </div>

10
components/charts/JenisPendaftaranChart.tsx
View File

@@ -32,7 +32,7 @@ export default function JenisPendaftaranChart() {
}, },
plotOptions: { plotOptions: {
bar: { bar: {
horizontal: true, horizontal: false,
columnWidth: '55%', columnWidth: '55%',
}, },
}, },
@@ -66,7 +66,7 @@ export default function JenisPendaftaranChart() {
fontSize: '12px', fontSize: '12px',
colors: theme === 'dark' ? '#fff' : '#000' colors: theme === 'dark' ? '#fff' : '#000'
} }
} },
}, },
yaxis: { yaxis: {
title: { title: {
@@ -82,7 +82,9 @@ export default function JenisPendaftaranChart() {
fontSize: '12px', fontSize: '12px',
colors: theme === 'dark' ? '#fff' : '#000' colors: theme === 'dark' ? '#fff' : '#000'
} }
} },
min:0,
tickAmount: 5
}, },
fill: { fill: {
opacity: 1, opacity: 1,
@@ -280,7 +282,7 @@ export default function JenisPendaftaranChart() {
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[300px] sm:h-[350px] md:h-[400px] w-full max-w-5xl mx-auto"> <div className="h-[300px] sm:h-[350px] md:h-[300px] w-full max-w-5xl mx-auto">
<Chart <Chart
options={options} options={options}
series={series} series={series}

7
components/charts/JenisPendaftaranPerAngkatanChart.tsx
View File

@@ -230,18 +230,15 @@ export default function JenisPendaftaranPerAngkatanChart({ tahunAngkatan }: Prop
<CardTitle className="text-xl font-bold dark:text-white"> <CardTitle className="text-xl font-bold dark:text-white">
Jenis Pendaftaran Angkatan {tahunAngkatan} Jenis Pendaftaran Angkatan {tahunAngkatan}
</CardTitle> </CardTitle>
<div className="text-lg font-semibold text-gray-600 dark:text-gray-300">
Total Mahasiswa: {totalMahasiswa}
</div>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[350px] w-full max-w-5xl mx-auto"> <div className="h-[300px] w-full max-w-5xl mx-auto">
<Chart <Chart
options={options} options={options}
series={series} series={series}
type="pie" type="pie"
height="100%" height="100%"
width="90%" width="100%"
/> />
</div> </div>
</CardContent> </CardContent>

6
components/charts/JenisPendaftaranStatusChart.tsx
View File

@@ -137,7 +137,7 @@ export default function JenisPendaftaranStatusChart({ selectedYear, selectedStat
} }
}, },
min:0, min:0,
tickAmount: 5 tickAmount: 10
}, },
fill: { fill: {
opacity: 1, opacity: 1,
@@ -235,14 +235,14 @@ export default function JenisPendaftaranStatusChart({ selectedYear, selectedStat
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[350px] w-full max-w-5xl mx-auto"> <div className="h-[300px] w-full max-w-5xl mx-auto">
{typeof window !== 'undefined' && ( {typeof window !== 'undefined' && (
<Chart <Chart
options={chartOptions} options={chartOptions}
series={series} series={series}
type="bar" type="bar"
height="100%" height="100%"
width="90%" width="100%"
/> />
)} )}
</div> </div>

7
components/charts/JenisPendaftaranStatusPieChart.tsx
View File

@@ -171,19 +171,16 @@ export default function JenisPendaftaranStatusPieChart({ selectedYear, selectedS
Jenis Pendaftaran Mahasiswa {selectedStatus} Jenis Pendaftaran Mahasiswa {selectedStatus}
{selectedYear !== 'all' ? ` Angkatan ${selectedYear}` : ''} {selectedYear !== 'all' ? ` Angkatan ${selectedYear}` : ''}
</CardTitle> </CardTitle>
<div className="text-lg font-semibold text-gray-600 dark:text-gray-300">
Total Mahasiswa: {totalMahasiswa}
</div>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[350px] w-full max-w-5xl mx-auto"> <div className="h-[300px] w-full max-w-5xl mx-auto">
{typeof window !== 'undefined' && ( {typeof window !== 'undefined' && (
<Chart <Chart
options={{...chartOptions, labels}} options={{...chartOptions, labels}}
series={series} series={series}
type="pie" type="pie"
height="100%" height="100%"
width="90%" width="100%"
/> />
)} )}
</div> </div>

2
components/charts/StatistikMahasiswaChart.tsx
View File

@@ -311,7 +311,7 @@ export default function StatistikMahasiswaChart() {
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[300px] sm:h-[350px] md:h-[400px] w-full max-w-5xl mx-auto"> <div className="h-[300px] sm:h-[350px] md:h-[300px] w-full max-w-5xl mx-auto">
<Chart <Chart
options={chartOptions} options={chartOptions}
series={chartSeries} series={chartSeries}

7
components/charts/StatistikPerAngkatanChart.tsx
View File

@@ -218,18 +218,15 @@ export default function StatistikPerAngkatanChart({ tahunAngkatan }: Props) {
<CardTitle className="text-xl font-bold dark:text-white"> <CardTitle className="text-xl font-bold dark:text-white">
Total Mahasiswa Angkatan {tahunAngkatan} Total Mahasiswa Angkatan {tahunAngkatan}
</CardTitle> </CardTitle>
<div className="text-lg font-semibold text-gray-600 dark:text-gray-300">
Total Mahasiswa: {totalMahasiswa}
</div>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[350px] w-full max-w-5xl mx-auto"> <div className="h-[300px] w-full max-w-5xl mx-auto">
<Chart <Chart
options={chartOptions} options={chartOptions}
series={chartSeries} series={chartSeries}
type="pie" type="pie"
height="100%" height="100%"
width="90%" width="100%"
/> />
</div> </div>
</CardContent> </CardContent>

4
components/charts/StatusMahasiswaChart.tsx
View File

@@ -84,6 +84,8 @@ export default function StatusMahasiswaChart() {
colors: theme === 'dark' ? '#fff' : '#000' colors: theme === 'dark' ? '#fff' : '#000'
} }
}, },
min:0,
tickAmount: 5
}, },
fill: { fill: {
opacity: 1, opacity: 1,
@@ -200,7 +202,7 @@ export default function StatusMahasiswaChart() {
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[300px] sm:h-[350px] md:h-[400px] w-full max-w-5xl mx-auto"> <div className="h-[300px] sm:h-[350px] md:h-[300px] w-full max-w-5xl mx-auto">
{typeof window !== 'undefined' && ( {typeof window !== 'undefined' && (
<Chart <Chart
options={chartOptions} options={chartOptions}

11
components/charts/StatusMahasiswaFilterChart.tsx
View File

@@ -130,7 +130,9 @@ export default function StatusMahasiswaFilterChart({ selectedYear, selectedStatu
fontSize: '12px', fontSize: '12px',
colors: theme === 'dark' ? '#fff' : '#000' colors: theme === 'dark' ? '#fff' : '#000'
} }
} },
min:0,
tickAmount: 5
}, },
fill: { fill: {
opacity: 1, opacity: 1,
@@ -231,19 +233,18 @@ export default function StatusMahasiswaFilterChart({ selectedYear, selectedStatu
<Card className="bg-white dark:bg-slate-900 shadow-lg"> <Card className="bg-white dark:bg-slate-900 shadow-lg">
<CardHeader> <CardHeader>
<CardTitle className="text-xl font-bold dark:text-white"> <CardTitle className="text-xl font-bold dark:text-white">
Status Mahasiswa {selectedStatus} Jumlah Mahasiswa {selectedStatus}
{selectedYear !== 'all' ? ` Angkatan ${selectedYear}` : ''}
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[350px] w-full max-w-5xl mx-auto"> <div className="h-[300px] w-full max-w-5xl mx-auto">
{typeof window !== 'undefined' && ( {typeof window !== 'undefined' && (
<Chart <Chart
options={chartOptions} options={chartOptions}
series={series} series={series}
type="bar" type="bar"
height="100%" height="100%"
width="90%" width="100%"
/> />
)} )}
</div> </div>

7
components/charts/StatusMahasiswaFilterPieChart.tsx
View File

@@ -163,19 +163,16 @@ export default function StatusMahasiswaFilterPieChart({ selectedYear, selectedSt
Status Mahasiswa {selectedStatus} Status Mahasiswa {selectedStatus}
{selectedYear !== 'all' ? ` Angkatan ${selectedYear}` : ''} {selectedYear !== 'all' ? ` Angkatan ${selectedYear}` : ''}
</CardTitle> </CardTitle>
<div className="text-lg font-semibold text-gray-600 dark:text-gray-300">
Total Mahasiswa: {totalMahasiswa}
</div>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="h-[350px] w-full max-w-5xl mx-auto"> <div className="h-[300px] w-full max-w-5xl mx-auto">
{typeof window !== 'undefined' && ( {typeof window !== 'undefined' && (
<Chart <Chart
options={chartOptions} options={chartOptions}
series={series} series={series}
type="pie" type="pie"
height="100%" height="100%"
width="90%" width="100%"
/> />
)} )}
</div> </div>

8
components/ui/Navbar.tsx
View File

@@ -151,7 +151,7 @@ const Navbar = () => {
</Link> </Link>
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem asChild> <DropdownMenuItem asChild>
<Link href="/visualisasi/prestasi" className="flex items-center gap-2 w-full"> <Link href="/visualisasi/berprestasi" className="flex items-center gap-2 w-full">
<Award className="h-4 w-4" /> <Award className="h-4 w-4" />
Prestasi Prestasi
</Link> </Link>
@@ -287,7 +287,7 @@ const MobileNavContent = ({ user, onLogout }: MobileNavContentProps) => {
<BookOpen className="h-4 w-4" /> <BookOpen className="h-4 w-4" />
Beasiswa Beasiswa
</Link> </Link>
<Link href="/visualisasi/prestasi" className="flex items-center gap-2 px-3 py-2 text-sm hover:bg-accent hover:text-accent-foreground rounded-md transition-colors"> <Link href="/visualisasi/berprestasi" className="flex items-center gap-2 px-3 py-2 text-sm hover:bg-accent hover:text-accent-foreground rounded-md transition-colors">
<Award className="h-4 w-4" /> <Award className="h-4 w-4" />
Prestasi Prestasi
</Link> </Link>
@@ -309,10 +309,6 @@ const MobileNavContent = ({ user, onLogout }: MobileNavContentProps) => {
<Award className="h-4 w-4" /> <Award className="h-4 w-4" />
Prestasi Prestasi
</Link> </Link>
<Link href="/keloladata/kelompokkeahlian" className="flex items-center gap-2 px-3 py-2 text-sm hover:bg-accent hover:text-accent-foreground rounded-md transition-colors">
<Award className="h-4 w-4" />
Kelompok Keahlian
</Link>
</div> </div>
)} )}