itm/siakad-itm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: standardize import statements and replace anchor tags with Link component in multiple files
Some checks failed
tests / ci (pull_request) Has been cancelled
Details

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-30 13:59:33 +07:00
parent ac449e1353
commit adddd2fc2e
15 changed files with 467 additions and 204 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

130
resources/js/components/nav-main.tsx
View File

@ -1,70 +1,74 @@
"use client" 'use client';
import { Link, usePage } from "@inertiajs/react"; import { Link, usePage } from '@inertiajs/react';
import { import {
SidebarGroup, SidebarGroup,
SidebarGroupLabel, SidebarGroupLabel,
SidebarMenu, SidebarMenu,
SidebarMenuButton, SidebarMenuButton,
SidebarMenuItem SidebarMenuItem,
} from "@/components/ui/sidebar"; } from '@/components/ui/sidebar';
export type NavItem = { export type NavItem = {
name: string name: string;
url: string url: string;
icon: React.ComponentType<{ className?: string }> icon: React.ComponentType<{ className?: string }>;
} };
export type NavGroup = { export type NavGroup = {
label: string label: string;
items: NavItem[] items: NavItem[];
} };
export function NavMain({ export function NavMain({ items }: { items: (NavGroup | NavItem)[] }) {
items, const { url } = usePage();
}: {
items: (NavGroup | NavItem)[] return (
}) { <>
const { url } = usePage() {items.map((item) => {
if ('label' in item) {
return ( return (
<> <SidebarGroup key={item.label}>
{items.map((item) => { <SidebarGroupLabel>{item.label}</SidebarGroupLabel>
if ("label" in item) { <SidebarMenu>
return ( {item.items.map((child) => (
<SidebarGroup key={item.label}> <SidebarMenuItem key={child.name}>
<SidebarGroupLabel>{item.label}</SidebarGroupLabel> <SidebarMenuButton
<SidebarMenu> asChild
{item.items.map((child) => ( isActive={url === child.url}
<SidebarMenuItem key={child.name}> tooltip={child.name}
<SidebarMenuButton asChild isActive={url === child.url} tooltip={child.name}> >
<Link href={child.url}> <Link href={child.url}>
<child.icon className="h-4 w-4" /> <child.icon className="h-4 w-4" />
<span>{child.name}</span> <span>{child.name}</span>
</Link> </Link>
</SidebarMenuButton> </SidebarMenuButton>
</SidebarMenuItem> </SidebarMenuItem>
))} ))}
</SidebarMenu> </SidebarMenu>
</SidebarGroup> </SidebarGroup>
) );
} }
return ( return (
<SidebarGroup key={item.name}> <SidebarGroup key={item.name}>
<SidebarMenu> <SidebarMenu>
<SidebarMenuItem> <SidebarMenuItem>
<SidebarMenuButton asChild isActive={url === item.url} tooltip={item.name}> <SidebarMenuButton
<a href={item.url}> asChild
<item.icon className="h-4 w-4" /> isActive={url === item.url}
<span>{item.name}</span> tooltip={item.name}
</a> >
</SidebarMenuButton> <Link href={item.url}>
</SidebarMenuItem> <item.icon className="h-4 w-4" />
</SidebarMenu> <span>{item.name}</span>
</SidebarGroup> </Link>
) </SidebarMenuButton>
})} </SidebarMenuItem>
</> </SidebarMenu>
) </SidebarGroup>
);
})}
</>
);
} }

69
resources/js/components/nav-secondary.tsx
View File

@ -1,42 +1,43 @@
"use client" 'use client';
import type {Icon} from "@tabler/icons-react"; import { Link } from '@inertiajs/react';
import * as React from "react" import type { Icon } from '@tabler/icons-react';
import * as React from 'react';
import { import {
SidebarGroup, SidebarGroup,
SidebarGroupContent, SidebarGroupContent,
SidebarMenu, SidebarMenu,
SidebarMenuButton, SidebarMenuButton,
SidebarMenuItem, SidebarMenuItem,
} from "@/components/ui/sidebar" } from '@/components/ui/sidebar';
export function NavSecondary({ export function NavSecondary({
items, items,
...props ...props
}: { }: {
items: { items: {
title: string title: string;
url: string url: string;
icon: Icon icon: Icon;
}[] }[];
} & React.ComponentPropsWithoutRef<typeof SidebarGroup>) { } & React.ComponentPropsWithoutRef<typeof SidebarGroup>) {
return ( return (
<SidebarGroup {...props}> <SidebarGroup {...props}>
<SidebarGroupContent> <SidebarGroupContent>
<SidebarMenu> <SidebarMenu>
{items.map((item) => ( {items.map((item) => (
<SidebarMenuItem key={item.title}> <SidebarMenuItem key={item.title}>
<SidebarMenuButton asChild tooltip={item.title}> <SidebarMenuButton asChild tooltip={item.title}>
<a href={item.url}> <Link href={item.url}>
<item.icon /> <item.icon />
<span>{item.title}</span> <span>{item.title}</span>
</a> </Link>
</SidebarMenuButton> </SidebarMenuButton>
</SidebarMenuItem> </SidebarMenuItem>
))} ))}
</SidebarMenu> </SidebarMenu>
</SidebarGroupContent> </SidebarGroupContent>
</SidebarGroup> </SidebarGroup>
) );
} }

6
resources/js/pages/admin/academic-classes/assignments/submissions.tsx
View File

@ -1,4 +1,4 @@
import { Head, router } from '@inertiajs/react'; import { Head, Link, router } from '@inertiajs/react';
import type { ColumnDef } from '@tanstack/react-table'; import type { ColumnDef } from '@tanstack/react-table';
import { format } from 'date-fns'; import { format } from 'date-fns';
import { ArrowLeft, Pencil, Plus, Trash2 } from 'lucide-react'; import { ArrowLeft, Pencil, Plus, Trash2 } from 'lucide-react';
@ -161,10 +161,10 @@ export default function SubmissionIndex({
title="Pengumpulan Tugas" title="Pengumpulan Tugas"
actions={ actions={
<Button variant="outline" asChild> <Button variant="outline" asChild>
<a href={assignmentIndex.url()}> <Link href={assignmentIndex.url()}>
<ArrowLeft className="h-4 w-4" /> <ArrowLeft className="h-4 w-4" />
Kembali Kembali
</a> </Link>
</Button> </Button>
} }
/> />

6
resources/js/pages/admin/academic-classes/attendances/session.tsx
View File

@ -1,4 +1,4 @@
import { Head, router } from '@inertiajs/react'; import { Head, Link, router } from '@inertiajs/react';
import { format } from 'date-fns'; import { format } from 'date-fns';
import { ArrowLeft, CheckCircle2, Save, XCircle } from 'lucide-react'; import { ArrowLeft, CheckCircle2, Save, XCircle } from 'lucide-react';
import { useState } from 'react'; import { useState } from 'react';
@ -86,10 +86,10 @@ export default function AttendanceSession({
title="Kehadiran" title="Kehadiran"
actions={ actions={
<Button variant="outline" asChild> <Button variant="outline" asChild>
<a href={attendanceIndex.url()}> <Link href={attendanceIndex.url()}>
<ArrowLeft className="h-4 w-4" /> <ArrowLeft className="h-4 w-4" />
Kembali Kembali
</a> </Link>
</Button> </Button>
} }
/> />

6
resources/js/pages/admin/finances/tuition-invoices/payments.tsx
View File

@ -1,4 +1,4 @@
import { Head, router } from '@inertiajs/react'; import { Head, Link, router } from '@inertiajs/react';
import type { ColumnDef } from '@tanstack/react-table'; import type { ColumnDef } from '@tanstack/react-table';
import { format } from 'date-fns'; import { format } from 'date-fns';
import { ArrowLeft, Paperclip, Pencil, Plus, Trash2 } from 'lucide-react'; import { ArrowLeft, Paperclip, Pencil, Plus, Trash2 } from 'lucide-react';
@ -176,10 +176,10 @@ export default function TuitionPaymentIndex({ invoice, payments }: Props) {
title="Pembayaran" title="Pembayaran"
actions={ actions={
<Button variant="outline" asChild> <Button variant="outline" asChild>
<a href={tuitionInvoiceIndex.url()}> <Link href={tuitionInvoiceIndex.url()}>
<ArrowLeft className="h-4 w-4" /> <ArrowLeft className="h-4 w-4" />
Kembali Kembali
</a> </Link>
</Button> </Button>
} }
/> />

6
resources/js/pages/admin/manage/course-classes/enrollments.tsx
View File

@ -1,4 +1,4 @@
import { Head, router } from '@inertiajs/react'; import { Head, Link, router } from '@inertiajs/react';
import type { ColumnDef } from '@tanstack/react-table'; import type { ColumnDef } from '@tanstack/react-table';
import { format } from 'date-fns'; import { format } from 'date-fns';
import { ArrowLeft, Trash2, UserPlus } from 'lucide-react'; import { ArrowLeft, Trash2, UserPlus } from 'lucide-react';
@ -109,10 +109,10 @@ export default function ClassEnrollmentIndex({
title="Peserta Kelas" title="Peserta Kelas"
actions={ actions={
<Button variant="outline" asChild> <Button variant="outline" asChild>
<a href={courseClassIndex.url()}> <Link href={courseClassIndex.url()}>
<ArrowLeft className="h-4 w-4" /> <ArrowLeft className="h-4 w-4" />
Kembali Kembali
</a> </Link>
</Button> </Button>
} }
/> />

192
resources/js/pages/admin/users/administrators/create.tsx
View File

@ -1,4 +1,4 @@
import { Form, Head } from '@inertiajs/react'; import { Form, Head, Link } from '@inertiajs/react';
import { format } from 'date-fns'; import { format } from 'date-fns';
import { ArrowLeft, Save } from 'lucide-react'; import { ArrowLeft, Save } from 'lucide-react';
import { useState } from 'react'; import { useState } from 'react';
@ -7,7 +7,13 @@ import InputError from '@/components/input-error';
import { PageHeader } from '@/components/page-header'; import { PageHeader } from '@/components/page-header';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Combobox, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxList } from '@/components/ui/combobox'; import {
Combobox,
ComboboxContent,
ComboboxInput,
ComboboxItem,
ComboboxList,
} from '@/components/ui/combobox';
import { Input } from '@/components/ui/input'; import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label'; import { Label } from '@/components/ui/label';
import { PhoneInput } from '@/components/ui/phone-input'; import { PhoneInput } from '@/components/ui/phone-input';
@ -35,10 +41,10 @@ export default function AdministratorCreate({ roles }: Props) {
title="Tambah Administrator" title="Tambah Administrator"
actions={ actions={
<Button variant="outline" asChild> <Button variant="outline" asChild>
<a href={index.url()}> <Link href={index.url()}>
<ArrowLeft className="h-4 w-4" /> <ArrowLeft className="h-4 w-4" />
Kembali Kembali
</a> </Link>
</Button> </Button>
} }
/> />
@ -53,29 +59,62 @@ export default function AdministratorCreate({ roles }: Props) {
<CardContent className="grid gap-4 md:grid-cols-3"> <CardContent className="grid gap-4 md:grid-cols-3">
<div className="grid gap-2"> <div className="grid gap-2">
<Label htmlFor="username"> <Label htmlFor="username">
Username <span className="text-red-500">*</span> Username{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<Input id="username" name="username" placeholder="Masukkan username" /> <Input
id="username"
name="username"
placeholder="Masukkan username"
/>
<InputError message={errors.username} /> <InputError message={errors.username} />
</div> </div>
<div className="grid gap-2"> <div className="grid gap-2">
<Label htmlFor="email"> <Label htmlFor="email">
Email <span className="text-red-500">*</span> Email{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<Input id="email" name="email" type="email" placeholder="Masukkan email" /> <Input
id="email"
name="email"
type="email"
placeholder="Masukkan email"
/>
<InputError message={errors.email} /> <InputError message={errors.email} />
</div> </div>
<div className="grid gap-2"> <div className="grid gap-2">
<Label> <Label>
Role <span className="text-red-500">*</span> Role{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<input type="hidden" name="role" value={role} /> <input
<Combobox value={role} onValueChange={(v) => setRole(v ?? '')}> type="hidden"
<ComboboxInput placeholder="Pilih role" className="w-full" /> name="role"
value={role}
/>
<Combobox
value={role}
onValueChange={(v) =>
setRole(v ?? '')
}
>
<ComboboxInput
placeholder="Pilih role"
className="w-full"
/>
<ComboboxContent> <ComboboxContent>
<ComboboxList> <ComboboxList>
{roles.map((r) => ( {roles.map((r) => (
<ComboboxItem key={r.id} value={r.name}> <ComboboxItem
key={r.id}
value={r.name}
>
{r.name} {r.name}
</ComboboxItem> </ComboboxItem>
))} ))}
@ -94,57 +133,138 @@ export default function AdministratorCreate({ roles }: Props) {
<CardContent className="grid gap-4 md:grid-cols-2"> <CardContent className="grid gap-4 md:grid-cols-2">
<div className="grid gap-2"> <div className="grid gap-2">
<Label htmlFor="full_name"> <Label htmlFor="full_name">
Nama Lengkap <span className="text-red-500">*</span> Nama Lengkap{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<Input id="full_name" name="full_name" placeholder="Masukkan nama lengkap" /> <Input
<InputError message={errors.full_name} /> id="full_name"
name="full_name"
placeholder="Masukkan nama lengkap"
/>
<InputError
message={errors.full_name}
/>
</div> </div>
<div className="grid gap-2"> <div className="grid gap-2">
<Label htmlFor="phone_number"> <Label htmlFor="phone_number">
Nomor Telepon <span className="text-red-500">*</span> Nomor Telepon{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<PhoneInput id="phone_number" name="phone_number" placeholder="08xx xxxx xxxx" /> <PhoneInput
<InputError message={errors.phone_number} /> id="phone_number"
name="phone_number"
placeholder="08xx xxxx xxxx"
/>
<InputError
message={errors.phone_number}
/>
</div> </div>
<div className="grid gap-4 md:col-span-2 md:grid-cols-3"> <div className="grid gap-4 md:col-span-2 md:grid-cols-3">
<div className="grid gap-2"> <div className="grid gap-2">
<Label> <Label>
Jenis Kelamin <span className="text-red-500">*</span> Jenis Kelamin{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<input type="hidden" name="gender" value={gender} /> <input
<RadioGroup value={gender} onValueChange={setGender} className="flex gap-4"> type="hidden"
name="gender"
value={gender}
/>
<RadioGroup
value={gender}
onValueChange={setGender}
className="flex gap-4"
>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<RadioGroupItem value="male" id="male" /> <RadioGroupItem
<Label htmlFor="male" className="font-normal">Laki-laki</Label> value="male"
id="male"
/>
<Label
htmlFor="male"
className="font-normal"
>
Laki-laki
</Label>
</div> </div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<RadioGroupItem value="female" id="female" /> <RadioGroupItem
<Label htmlFor="female" className="font-normal">Perempuan</Label> value="female"
id="female"
/>
<Label
htmlFor="female"
className="font-normal"
>
Perempuan
</Label>
</div> </div>
</RadioGroup> </RadioGroup>
<InputError message={errors.gender} /> <InputError
message={errors.gender}
/>
</div> </div>
<div className="grid gap-2"> <div className="grid gap-2">
<Label> <Label>
Tempat Lahir <span className="text-red-500">*</span> Tempat Lahir{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<Input name="birth_place" placeholder="Masukkan tempat lahir" /> <Input
<InputError message={errors.birth_place} /> name="birth_place"
placeholder="Masukkan tempat lahir"
/>
<InputError
message={errors.birth_place}
/>
</div> </div>
<div className="grid gap-2"> <div className="grid gap-2">
<Label> <Label>
Tanggal Lahir <span className="text-red-500">*</span> Tanggal Lahir{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<input type="hidden" name="birth_date" value={birthDate ? format(birthDate, 'yyyy-MM-dd') : ''} /> <input
<DatePicker value={birthDate} onChange={setBirthDate} /> type="hidden"
<InputError message={errors.birth_date} /> name="birth_date"
value={
birthDate
? format(
birthDate,
'yyyy-MM-dd',
)
: ''
}
/>
<DatePicker
value={birthDate}
onChange={setBirthDate}
/>
<InputError
message={errors.birth_date}
/>
</div> </div>
</div> </div>
<div className="grid gap-2 md:col-span-2"> <div className="grid gap-2 md:col-span-2">
<Label htmlFor="address"> <Label htmlFor="address">
Alamat <span className="text-red-500">*</span> Alamat{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<Textarea id="address" name="address" placeholder="Masukkan alamat" /> <Textarea
id="address"
name="address"
placeholder="Masukkan alamat"
/>
<InputError message={errors.address} /> <InputError message={errors.address} />
</div> </div>
</CardContent> </CardContent>

214
resources/js/pages/admin/users/administrators/edit.tsx
View File

@ -1,4 +1,4 @@
import { Form, Head } from '@inertiajs/react'; import { Form, Head, Link } from '@inertiajs/react';
import { format } from 'date-fns'; import { format } from 'date-fns';
import { ArrowLeft, Save } from 'lucide-react'; import { ArrowLeft, Save } from 'lucide-react';
import { useState } from 'react'; import { useState } from 'react';
@ -7,7 +7,13 @@ import InputError from '@/components/input-error';
import { PageHeader } from '@/components/page-header'; import { PageHeader } from '@/components/page-header';
import { Button } from '@/components/ui/button'; import { Button } from '@/components/ui/button';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Combobox, ComboboxContent, ComboboxInput, ComboboxItem, ComboboxList } from '@/components/ui/combobox'; import {
Combobox,
ComboboxContent,
ComboboxInput,
ComboboxItem,
ComboboxList,
} from '@/components/ui/combobox';
import { Input } from '@/components/ui/input'; import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label'; import { Label } from '@/components/ui/label';
import { PhoneInput } from '@/components/ui/phone-input'; import { PhoneInput } from '@/components/ui/phone-input';
@ -21,7 +27,14 @@ type User = {
id: number; id: number;
username: string; username: string;
email: string; email: string;
profile: { full_name: string; phone_number: string; address: string; gender: string; birth_date: string; birth_place: string } | null; profile: {
full_name: string;
phone_number: string;
address: string;
gender: string;
birth_date: string;
birth_place: string;
} | null;
roles: { id: number; name: string }[]; roles: { id: number; name: string }[];
}; };
@ -33,7 +46,9 @@ type Props = {
export default function AdministratorEdit({ user, roles }: Props) { export default function AdministratorEdit({ user, roles }: Props) {
const [gender, setGender] = useState(user.profile?.gender ?? ''); const [gender, setGender] = useState(user.profile?.gender ?? '');
const [birthDate, setBirthDate] = useState<Date | undefined>( const [birthDate, setBirthDate] = useState<Date | undefined>(
user.profile?.birth_date ? new Date(user.profile.birth_date) : undefined user.profile?.birth_date
? new Date(user.profile.birth_date)
: undefined,
); );
const [role, setRole] = useState(user.roles?.[0]?.name ?? ''); const [role, setRole] = useState(user.roles?.[0]?.name ?? '');
@ -46,10 +61,10 @@ export default function AdministratorEdit({ user, roles }: Props) {
title="Edit Administrator" title="Edit Administrator"
actions={ actions={
<Button variant="outline" asChild> <Button variant="outline" asChild>
<a href={index.url()}> <Link href={index.url()}>
<ArrowLeft className="h-4 w-4" /> <ArrowLeft className="h-4 w-4" />
Kembali Kembali
</a> </Link>
</Button> </Button>
} }
/> />
@ -64,29 +79,62 @@ export default function AdministratorEdit({ user, roles }: Props) {
<CardContent className="grid gap-4 md:grid-cols-3"> <CardContent className="grid gap-4 md:grid-cols-3">
<div className="grid gap-2"> <div className="grid gap-2">
<Label htmlFor="username"> <Label htmlFor="username">
Username <span className="text-red-500">*</span> Username{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<Input id="username" name="username" defaultValue={user.username} /> <Input
id="username"
name="username"
defaultValue={user.username}
/>
<InputError message={errors.username} /> <InputError message={errors.username} />
</div> </div>
<div className="grid gap-2"> <div className="grid gap-2">
<Label htmlFor="email"> <Label htmlFor="email">
Email <span className="text-red-500">*</span> Email{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<Input id="email" name="email" type="email" defaultValue={user.email} /> <Input
id="email"
name="email"
type="email"
defaultValue={user.email}
/>
<InputError message={errors.email} /> <InputError message={errors.email} />
</div> </div>
<div className="grid gap-2"> <div className="grid gap-2">
<Label> <Label>
Role <span className="text-red-500">*</span> Role{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<input type="hidden" name="role" value={role} /> <input
<Combobox value={role} onValueChange={(v) => setRole(v ?? '')}> type="hidden"
<ComboboxInput placeholder="Pilih role" className="w-full" /> name="role"
value={role}
/>
<Combobox
value={role}
onValueChange={(v) =>
setRole(v ?? '')
}
>
<ComboboxInput
placeholder="Pilih role"
className="w-full"
/>
<ComboboxContent> <ComboboxContent>
<ComboboxList> <ComboboxList>
{roles.map((r) => ( {roles.map((r) => (
<ComboboxItem key={r.id} value={r.name}> <ComboboxItem
key={r.id}
value={r.name}
>
{r.name} {r.name}
</ComboboxItem> </ComboboxItem>
))} ))}
@ -105,57 +153,147 @@ export default function AdministratorEdit({ user, roles }: Props) {
<CardContent className="grid gap-4 md:grid-cols-2"> <CardContent className="grid gap-4 md:grid-cols-2">
<div className="grid gap-2"> <div className="grid gap-2">
<Label htmlFor="full_name"> <Label htmlFor="full_name">
Nama Lengkap <span className="text-red-500">*</span> Nama Lengkap{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<Input id="full_name" name="full_name" defaultValue={user.profile?.full_name ?? ''} /> <Input
<InputError message={errors.full_name} /> id="full_name"
name="full_name"
defaultValue={
user.profile?.full_name ?? ''
}
/>
<InputError
message={errors.full_name}
/>
</div> </div>
<div className="grid gap-2"> <div className="grid gap-2">
<Label htmlFor="phone_number"> <Label htmlFor="phone_number">
Nomor Telepon <span className="text-red-500">*</span> Nomor Telepon{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<PhoneInput id="phone_number" name="phone_number" value={user.profile?.phone_number ?? ''} /> <PhoneInput
<InputError message={errors.phone_number} /> id="phone_number"
name="phone_number"
value={
user.profile?.phone_number ?? ''
}
/>
<InputError
message={errors.phone_number}
/>
</div> </div>
<div className="grid gap-4 md:col-span-2 md:grid-cols-3"> <div className="grid gap-4 md:col-span-2 md:grid-cols-3">
<div className="grid gap-2"> <div className="grid gap-2">
<Label> <Label>
Jenis Kelamin <span className="text-red-500">*</span> Jenis Kelamin{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<input type="hidden" name="gender" value={gender} /> <input
<RadioGroup value={gender} onValueChange={setGender} className="flex gap-4"> type="hidden"
name="gender"
value={gender}
/>
<RadioGroup
value={gender}
onValueChange={setGender}
className="flex gap-4"
>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<RadioGroupItem value="male" id="male" /> <RadioGroupItem
<Label htmlFor="male" className="font-normal">Laki-laki</Label> value="male"
id="male"
/>
<Label
htmlFor="male"
className="font-normal"
>
Laki-laki
</Label>
</div> </div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<RadioGroupItem value="female" id="female" /> <RadioGroupItem
<Label htmlFor="female" className="font-normal">Perempuan</Label> value="female"
id="female"
/>
<Label
htmlFor="female"
className="font-normal"
>
Perempuan
</Label>
</div> </div>
</RadioGroup> </RadioGroup>
<InputError message={errors.gender} /> <InputError
message={errors.gender}
/>
</div> </div>
<div className="grid gap-2"> <div className="grid gap-2">
<Label> <Label>
Tempat Lahir <span className="text-red-500">*</span> Tempat Lahir{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<Input name="birth_place" defaultValue={user.profile?.birth_place ?? ''} /> <Input
<InputError message={errors.birth_place} /> name="birth_place"
defaultValue={
user.profile?.birth_place ??
''
}
/>
<InputError
message={errors.birth_place}
/>
</div> </div>
<div className="grid gap-2"> <div className="grid gap-2">
<Label> <Label>
Tanggal Lahir <span className="text-red-500">*</span> Tanggal Lahir{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<input type="hidden" name="birth_date" value={birthDate ? format(birthDate, 'yyyy-MM-dd') : ''} /> <input
<DatePicker value={birthDate} onChange={setBirthDate} /> type="hidden"
<InputError message={errors.birth_date} /> name="birth_date"
value={
birthDate
? format(
birthDate,
'yyyy-MM-dd',
)
: ''
}
/>
<DatePicker
value={birthDate}
onChange={setBirthDate}
/>
<InputError
message={errors.birth_date}
/>
</div> </div>
</div> </div>
<div className="grid gap-2 md:col-span-2"> <div className="grid gap-2 md:col-span-2">
<Label htmlFor="address"> <Label htmlFor="address">
Alamat <span className="text-red-500">*</span> Alamat{' '}
<span className="text-red-500">
*
</span>
</Label> </Label>
<Textarea id="address" name="address" defaultValue={user.profile?.address ?? ''} /> <Textarea
id="address"
name="address"
defaultValue={
user.profile?.address ?? ''
}
/>
<InputError message={errors.address} /> <InputError message={errors.address} />
</div> </div>
</CardContent> </CardContent>

6
resources/js/pages/admin/users/administrators/index.tsx
View File

@ -1,4 +1,4 @@
import { Head, router } from '@inertiajs/react'; import { Head, Link, router } from '@inertiajs/react';
import { Plus, RotateCcw } from 'lucide-react'; import { Plus, RotateCcw } from 'lucide-react';
import { useState } from 'react'; import { useState } from 'react';
import { ConfirmDialog } from '@/components/confirm-dialog'; import { ConfirmDialog } from '@/components/confirm-dialog';
@ -118,10 +118,10 @@ export default function AdministratorIndex({ administrators, filters }: Props) {
title="Administrator" title="Administrator"
actions={ actions={
<Button asChild> <Button asChild>
<a href={create.url()}> <Link href={create.url()}>
<Plus className="h-4 w-4" /> <Plus className="h-4 w-4" />
Tambah Tambah
</a> </Link>
</Button> </Button>
} }
/> />

6
resources/js/pages/admin/users/lecturers/create.tsx
View File

@ -1,4 +1,4 @@
import { Form, Head } from '@inertiajs/react'; import { Form, Head, Link } from '@inertiajs/react';
import { format } from 'date-fns'; import { format } from 'date-fns';
import { ArrowLeft, Save } from 'lucide-react'; import { ArrowLeft, Save } from 'lucide-react';
import { useState } from 'react'; import { useState } from 'react';
@ -49,10 +49,10 @@ export default function LecturerCreate({ departments }: Props) {
title="Tambah Dosen" title="Tambah Dosen"
actions={ actions={
<Button variant="outline" asChild> <Button variant="outline" asChild>
<a href={index.url()}> <Link href={index.url()}>
<ArrowLeft className="h-4 w-4" /> <ArrowLeft className="h-4 w-4" />
Kembali Kembali
</a> </Link>
</Button> </Button>
} }
/> />

6
resources/js/pages/admin/users/lecturers/edit.tsx
View File

@ -1,4 +1,4 @@
import { Form, Head } from '@inertiajs/react'; import { Form, Head, Link } from '@inertiajs/react';
import { format } from 'date-fns'; import { format } from 'date-fns';
import { ArrowLeft, Save } from 'lucide-react'; import { ArrowLeft, Save } from 'lucide-react';
import { useState } from 'react'; import { useState } from 'react';
@ -76,10 +76,10 @@ export default function LecturerEdit({ user, departments }: Props) {
title="Edit Dosen" title="Edit Dosen"
actions={ actions={
<Button variant="outline" asChild> <Button variant="outline" asChild>
<a href={index.url()}> <Link href={index.url()}>
<ArrowLeft className="h-4 w-4" /> <ArrowLeft className="h-4 w-4" />
Kembali Kembali
</a> </Link>
</Button> </Button>
} }
/> />

6
resources/js/pages/admin/users/lecturers/index.tsx
View File

@ -1,4 +1,4 @@
import { Head, router } from '@inertiajs/react'; import { Head, Link, router } from '@inertiajs/react';
import { FileSpreadsheet, Plus, RotateCcw } from 'lucide-react'; import { FileSpreadsheet, Plus, RotateCcw } from 'lucide-react';
import { useState } from 'react'; import { useState } from 'react';
import { ConfirmDialog } from '@/components/confirm-dialog'; import { ConfirmDialog } from '@/components/confirm-dialog';
@ -147,10 +147,10 @@ export default function LecturerIndex({
</a> </a>
</Button> </Button>
<Button asChild> <Button asChild>
<a href={create.url()}> <Link href={create.url()}>
<Plus className="h-4 w-4" /> <Plus className="h-4 w-4" />
Tambah Tambah
</a> </Link>
</Button> </Button>
</div> </div>
} }

6
resources/js/pages/admin/users/students/create.tsx
View File

@ -1,4 +1,4 @@
import { Form, Head } from '@inertiajs/react'; import { Form, Head, Link } from '@inertiajs/react';
import { format } from 'date-fns'; import { format } from 'date-fns';
import { ArrowLeft, Save } from 'lucide-react'; import { ArrowLeft, Save } from 'lucide-react';
import { useState } from 'react'; import { useState } from 'react';
@ -56,10 +56,10 @@ export default function StudentCreate({ departments, lecturers }: Props) {
title="Tambah Mahasiswa" title="Tambah Mahasiswa"
actions={ actions={
<Button variant="outline" asChild> <Button variant="outline" asChild>
<a href={index.url()}> <Link href={index.url()}>
<ArrowLeft className="h-4 w-4" /> <ArrowLeft className="h-4 w-4" />
Kembali Kembali
</a> </Link>
</Button> </Button>
} }
/> />

6
resources/js/pages/admin/users/students/edit.tsx
View File

@ -1,4 +1,4 @@
import { Form, Head } from '@inertiajs/react'; import { Form, Head, Link } from '@inertiajs/react';
import { format } from 'date-fns'; import { format } from 'date-fns';
import { ArrowLeft, Save } from 'lucide-react'; import { ArrowLeft, Save } from 'lucide-react';
import { useState } from 'react'; import { useState } from 'react';
@ -85,10 +85,10 @@ export default function StudentEdit({ user, departments, lecturers }: Props) {
title="Edit Mahasiswa" title="Edit Mahasiswa"
actions={ actions={
<Button variant="outline" asChild> <Button variant="outline" asChild>
<a href={index.url()}> <Link href={index.url()}>
<ArrowLeft className="h-4 w-4" /> <ArrowLeft className="h-4 w-4" />
Kembali Kembali
</a> </Link>
</Button> </Button>
} }
/> />

6
resources/js/pages/admin/users/students/index.tsx
View File

@ -1,4 +1,4 @@
import { Head, router } from '@inertiajs/react'; import { Head, Link, router } from '@inertiajs/react';
import { FileSpreadsheet, Info, Plus, RotateCcw } from 'lucide-react'; import { FileSpreadsheet, Info, Plus, RotateCcw } from 'lucide-react';
import { useState } from 'react'; import { useState } from 'react';
import { ConfirmDialog } from '@/components/confirm-dialog'; import { ConfirmDialog } from '@/components/confirm-dialog';
@ -179,10 +179,10 @@ export default function StudentIndex({
</a> </a>
</Button> </Button>
<Button asChild> <Button asChild>
<a href={create.url()}> <Link href={create.url()}>
<Plus className="h-4 w-4" /> <Plus className="h-4 w-4" />
Tambah Tambah
</a> </Link>
</Button> </Button>
</div> </div>
} }