import { Head, Link, usePage } from '@inertiajs/react'; import React from 'react'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Separator } from '@/components/ui/separator'; import AppLayout from '@/layouts/app-layout'; interface Employee { id: number; nip: string; position: string; status: string; user: { name: string; email: string; } | null; } interface PageProps { employees: { data: Employee[]; }; [key: string]: unknown; } interface SharedData { flash: { success?: string; }; } export default function Index({ employees }: PageProps) { const { flash } = usePage().props as unknown as SharedData; return (
{flash?.success && (
{flash.success}
)} Daftar Karyawan {employees.data.map((employee) => ( ))}
Karyawan NIP & Jabatan Status Aksi
{employee.user?.name}
{employee.user?.email}
{employee.nip}
{employee.position} 		{employee.status}
); }