wip: favorite

src/routes/_action.ts

@@ -22,6 +22,16 @@ export async function actionUpdateContact(
   throw redirect(`/contacts/${contact.id}`);
 }
 
+export async function actoinFavorite(formData: FormData) {
+  const data = Object.fromEntries(formData) as any;
+  const contact = await fakeContacts.get(data.id);
+  tinyassert(contact);
+  await fakeContacts.set(contact.id, {
+    ...contact,
+    favorite: data.favorite === "true",
+  });
+}
+
 export async function actionDeleteContact(
   this: ActionContext,
   formData: FormData,

src/routes/contacts/[contactId]/page.tsx

@@ -1,7 +1,7 @@
 import { createError, type PageProps } from "@hiogawa/react-server/server";
 import { getContact, type ContactRecord } from "../../_data";
 import { Link } from "@hiogawa/react-server/client";
-import { actionDeleteContact } from "../../_action";
+import { actionDeleteContact, actoinFavorite } from "../../_action";
 
 export default async function Contact(props: PageProps) {
   const contact = await getContact(props.params["contactId"]);
@@ -61,9 +61,9 @@ export default async function Contact(props: PageProps) {
 function Favorite(props: { contact: ContactRecord }) {
   const favorite = props.contact.favorite;
 
-  // TODO
   return (
-    <form method="post">
+    <form action={actoinFavorite}>
+      <input type="hidden" name="id" value={props.contact.id} />
       <button
         aria-label={favorite ? "Remove from favorites" : "Add to favorites"}
         name="favorite"