import FormInput from '@/Components/FormInput'; import NotificationChannelsSelect from '@/Components/NotificationChannelsSelect'; import SidebarForm from '@/Components/SidebarForm'; import TextInput from '@/Components/TextInput'; import { Contact, SidebarFormBodyProps } from '@/types'; import React from 'react'; interface ContactEditFormProps { contact: Contact; children: React.ReactNode; availableNotificationChannels: string[]; } type ContactFormData = { label: string; email: string; phone: string | null; notification_channels: string[]; }; export default function ContactEditForm({ contact, children: trigger, availableNotificationChannels, }: ContactEditFormProps) { const initialData = { label: contact.label, email: contact.email, phone: contact.phone, notification_channels: contact.notification_channels, }; const Body = ( bodyProps: Partial>, ) => { const { data, setData, errors } = bodyProps as SidebarFormBodyProps; return ( <> setData('label', e.target.value)} /> setData('email', e.target.value)} /> setData('phone', e.target.value)} /> setData('notification_channels', channels) } value={data.notification_channels} availableValues={availableNotificationChannels} /> ); }; return ( ); }