import CitySelectInput from '@/Components/CitySelectInput'; import FormInput from '@/Components/FormInput'; import SidebarForm from '@/Components/SidebarForm'; import TextInput from '@/Components/TextInput'; import { City, Company, SidebarFormBodyProps } from '@/types'; import React from 'react'; interface CompanyEditFormProps { company: Company; children: React.ReactNode; } type CompanyFormData = { name: string; city: City | null; }; export default function CompanyEditForm({ company, children: trigger, }: CompanyEditFormProps) { const initialData = { name: company.name, city: company.city ?? null, }; const Body = ( bodyProps: Partial>, ) => { const { data, setData, errors, transform } = bodyProps as SidebarFormBodyProps; transform((data) => ({ ...data, city_id: data.city ? data.city.id : null, })); return ( <> setData('name', e.target.value)} /> setData('city', city)} /> ); }; return ( ); }