From b5e8bc67a0626ce245e7e453ff7f02c0b2001fc9 Mon Sep 17 00:00:00 2001
From: Pete Cartwright <pete@petecartwright.com>
Date: Fri, 17 May 2024 11:42:54 -0400
Subject: [PATCH] Fix missing import in /multiple-forms example (#467)

Co-authored-by: Mehdi Achour <machour@gmail.com>
---
 multiple-forms/app/data.server.ts         | 2 +-
 multiple-forms/app/routes/invitations.tsx | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/multiple-forms/app/data.server.ts b/multiple-forms/app/data.server.ts
index 189641f2..4b1d9c0c 100644
--- a/multiple-forms/app/data.server.ts
+++ b/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));
 }
diff --git a/multiple-forms/app/routes/invitations.tsx b/multiple-forms/app/routes/invitations.tsx
index 0c2333e0..fc9721aa 100644
--- a/multiple-forms/app/routes/invitations.tsx
+++ b/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);
   }
 };