Fix missing import in /multiple-forms example (#467)

Co-authored-by: Mehdi Achour <[email protected]>

Author: petecartwright

multiple-forms/app/data.server.ts

@@ -20,7 +20,7 @@ async function writeInvitations(invitations: Array<Invitation>) {
   return fs.writeFile("./data.json", JSON.stringify({ invitations }, null, 2));
 }
 
-export async function deleteInvitiation(invitation: Invitation) {
+export async function deleteInvitation(invitation: Invitation) {
   const invitations = await getInvitations();
   await writeInvitations(invitations.filter((i) => i.id !== invitation.id));
 }

multiple-forms/app/routes/invitations.tsx

@@ -3,6 +3,7 @@ import { json, redirect } from "@remix-run/node";
 import { Form, useLoaderData } from "@remix-run/react";
 
 import {
+  deleteInvitation,
   getInvitations,
   resendInvitation,
   sendInvitation,
@@ -30,8 +31,8 @@ export const action = async ({ request }: ActionArgs) => {
     // you'll want to handle this in a real app...
     throw new Error("make sure you implement validation");
   }
-  const invitiations = await getInvitations();
-  const invitation = invitiations.find((i) => i.id === invitationId);
+  const invitations = await getInvitations();
+  const invitation = invitations.find((i) => i.id === invitationId);
   if (!invitation) {
     // you'll want to handle this in a real app...
     throw new Error("make sure you implement validation");
@@ -42,7 +43,7 @@ export const action = async ({ request }: ActionArgs) => {
     return redirect(request.url);
   }
   if (formData.get("intent") === "delete") {
-    await deleteInvitiation(invitation);
+    await deleteInvitation(invitation);
     return redirect(request.url);
   }
 };