import { type BreadcrumbItem } from '@/types'; import { Transition } from '@headlessui/react'; import { Head, useForm, usePage } from '@inertiajs/react'; import { FormEventHandler } from 'react'; import HeadingSmall from '@/components/heading-small'; import InputError from '@/components/input-error'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import AppLayout from '@/layouts/app-layout'; import SettingsLayout from '@/layouts/settings/layout'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Mail settings', href: '/settings/mail', }, ]; interface MailConfig { MAIL_MAILER: string; MAIL_HOST: string; MAIL_PORT: string; MAIL_USERNAME: string; MAIL_PASSWORD: string; MAIL_ENCRYPTION: string; MAIL_FROM_ADDRESS: string; } export default function Mail() { const { props } = usePage<{ mailConfig: MailConfig }>(); const { mailConfig } = props; const { data, setData, put, errors, processing, recentlySuccessful } = useForm({ MAIL_MAILER: mailConfig.MAIL_MAILER || '', MAIL_HOST: mailConfig.MAIL_HOST || '', MAIL_PORT: mailConfig.MAIL_PORT || '', MAIL_USERNAME: mailConfig.MAIL_USERNAME || '', MAIL_PASSWORD: mailConfig.MAIL_PASSWORD || '', MAIL_ENCRYPTION: mailConfig.MAIL_ENCRYPTION || '', MAIL_FROM_ADDRESS: mailConfig.MAIL_FROM_ADDRESS || '', }); const submit: FormEventHandler = (e) => { e.preventDefault(); put(route('mail.update'), { preserveScroll: true, }); }; const { data: testData, setData: setTestData, post: postTest, errors: testErrors, processing: testProcessing, recentlySuccessful: testRecentlySuccessful, reset: resetTest } = useForm({ test_email: '', }); const submitTest: FormEventHandler = (e) => { e.preventDefault(); postTest(route('mail.test'), { preserveScroll: true, onSuccess: () => resetTest('test_email'), }); }; return (

Mailer setData('MAIL_MAILER', e.target.value)} required placeholder="e.g., smtp" />

Host setData('MAIL_HOST', e.target.value)} required placeholder="e.g., smtp.mailtrap.io" />

Port setData('MAIL_PORT', e.target.value)} required placeholder="e.g., 2525" />

Username setData('MAIL_USERNAME', e.target.value)} placeholder="Username" />

Password setData('MAIL_PASSWORD', e.target.value)} placeholder="Password" />

Encryption setData('MAIL_ENCRYPTION', e.target.value)} placeholder="e.g., tls or ssl" />

From Address setData('MAIL_FROM_ADDRESS', e.target.value)} required placeholder="e.g., no-reply@example.com" />

Saved

); }