import { Head } from '@inertiajs/react'; import type { Project, BreadcrumbItem } from '@/types'; import { Button } from '@/components/ui/button'; import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, DialogDescription } from '@/components/ui/dialog'; import { ScrollArea } from '@/components/ui/scroll-area'; import { Badge } from '@/components/ui/badge'; import AppLayout from '@/layouts/app-layout'; import ProjectSettingsLayout from './layout'; import { useState } from 'react'; interface Props { project: Project; webhook: { id: number; name: string }; logs: { data: Array<{ id:number; status:string; action:string; created_at:string; url?:string; request?:any; response:any }>; links: any; }; } export default function WebhookLogsPage({ project, webhook, logs }: Props) { const [selectedLog, setSelectedLog] = useState(null); const breadcrumbs: BreadcrumbItem[] = [ { title: project.name, href: route('projects.show', project.id) }, { title: 'Settings', href: route('projects.settings.project', project.id) }, { title: 'Webhooks', href: route('projects.settings.webhooks', project.id) }, { title: 'Logs', href: '#' }, ]; return (

Logs for {webhook.name}

{logs.data.map(l => ( ))} {logs.data.length===0 && ( )}

Date	Event	Status	URL	Response	Actions
{new Date(l.created_at).toLocaleString()}	{l.action}	{(() => { const code = typeof l.status === 'number' ? l.status : parseInt(l.status as any, 10); const variant = isNaN(code) ? 'secondary' : code < 400 ? 'default' : 'destructive'; return ( {l.status} ); })()}	{l.url?.slice(0,40)}	{typeof l.response === 'string' ? l.response : JSON.stringify(l.response).slice(0,120)+'...'}
No logs yet.

{/* Detail Dialog */} ); }

Logs for {webhook.name}

General

Request Payload

Response