import { Head, router } from '@inertiajs/react'; import { Card, CardContent } from '@/components/ui/card'; import { DataTable } from '@/components/data-table'; import { useState } from 'react'; import { getColumns, SystemLog } from './partials/columns'; import system from '@/routes/system'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"; import { LogDetailModal } from './partials/log-detail-modal'; interface Props { logFiles: string[]; selectedFile: string; logs: SystemLog[]; } export default function SystemLogIndex({ logFiles, selectedFile, logs }: Props) { const [viewingLog, setViewingLog] = useState(null); const columns = getColumns({ onView: (log) => setViewingLog(log) }); const onFileChange = (file: string) => { router.get(system.logs.index().url, { file }, { preserveState: true, preserveScroll: true, only: ['logs', 'selectedFile'] }); }; return (

Logs

File Log:

setViewingLog(null)} />

); } SystemLogIndex.layout = { breadcrumbs: [ { title: 'Sistem' }, ], };