import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, router, useForm } from '@inertiajs/react'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/Components/ui/card'; import { Switch } from '@/Components/ui/switch'; import { Input } from '@/Components/ui/input'; import { Label } from '@/Components/ui/label'; import { Button } from '@/Components/ui/button'; const ALERT_LABELS = { site_down: 'Site goes down', ssl_expiring: 'SSL certificate expiring', domain_expiring: 'Domain expiring', scan_failed: 'Scan failed', scan_completed: 'Scan completed', pentest_completed: 'Pen test completed', }; export default function Index({ preferences = [], availableChannels = [], destinations = {} }) { const { data, setData, put, processing } = useForm({ slack_webhook_url: destinations.slack_webhook_url ?? '', discord_webhook_url: destinations.discord_webhook_url ?? '', telegram_chat_id: destinations.telegram_chat_id ?? '', phone_number: destinations.phone_number ?? '', webhook_url: destinations.webhook_url ?? '', }); function toggleChannel(pref, channel) { const channels = pref.channels.includes(channel) ? pref.channels.filter((c) => c !== channel) : [...pref.channels, channel]; router.put(route('alerts.update'), { alert_type: pref.alert_type, channels, enabled: pref.enabled }, { preserveScroll: true }); } function toggleEnabled(pref) { router.put(route('alerts.update'), { alert_type: pref.alert_type, channels: pref.channels, enabled: !pref.enabled }, { preserveScroll: true }); } function saveDestinations(e) { e.preventDefault(); put(route('alerts.update-destinations'), { preserveScroll: true }); } return ( Alerts}> Channel destinations Set these once — they apply to every alert type below where that channel is checked.
setData('slack_webhook_url', e.target.value)} placeholder="https://hooks.slack.com/services/..." />
setData('discord_webhook_url', e.target.value)} placeholder="https://discord.com/api/webhooks/..." />
setData('telegram_chat_id', e.target.value)} placeholder="123456789" />
setData('phone_number', e.target.value)} placeholder="+15551234567" />
setData('webhook_url', e.target.value)} placeholder="https://example.com/hooks/siteguardian" />
{preferences.map((pref) => ( {ALERT_LABELS[pref.alert_type] ?? pref.alert_type} toggleEnabled(pref)} /> {availableChannels.map((channel) => ( ))} ))}
); }