feat: heic support

components/invite/rsvp-form.tsx

@@ -14,7 +14,7 @@ export function RsvpForm({
   dictionary,
   closed,
   toastRequest,
-  filename,
+  photo,
 }: {
   action: (formData: FormData) => void | Promise<void>
   detail: InvitationDetail
@@ -22,14 +22,14 @@ export function RsvpForm({
   dictionary: GuestDictionary
   closed: boolean
   toastRequest: ToastRequest | undefined
-  filename: string | null
+  photo: { filename: string | null; url: string } | null
 }) {
   return (
     <form action={action} className="mt-12">
       <RsvpGuestFields members={detail.members} dictionary={dictionary} disabled={closed} />
       <RsvpTravelFields response={detail.response} dictionary={dictionary} disabled={closed} />
       <RsvpToastFields members={detail.members} toastRequest={toastRequest} dictionary={dictionary} disabled={closed} />
-      <div className="py-10"><PhotoUpload token={token} labels={dictionary.upload} disabled={closed} existingFilename={filename} /></div>
+      <div className="py-10"><PhotoUpload token={token} labels={dictionary.upload} disabled={closed} existingPhoto={photo} /></div>
       {!closed ? <div className="max-w-3xl mx-auto"><button type="submit" className="wedding-primary-cta w-full">{dictionary.form.submit} →</button></div> : null}
     </form>
   )