Server side form saving.x

src/components/invitation/Invitation.tsx

@@ -1,12 +1,24 @@
 import { createForm } from "@felte/solid";
-import { Component } from "solid-js";
+import { Component, createUniqueId } from "solid-js";
 import { TextField, Button } from "@kobalte/core";
 
 import "./style.css";
+import { createServerAction$ } from "solid-start/server";
+import PouchDb from "pouchdb";
 
 interface Props {}
 
 const Invitation: Component<Props> = (props) => {
+  const [saving, save] = createServerAction$(async (values: any) => {
+    const db = new PouchDb(".db");
+    const uuid = createUniqueId();
+    await db.put({
+      _id: `invitation/${uuid}`,
+      type: "invitation",
+      doc: values,
+    });
+  });
+
   const submitHandler = (values: any, context: any) => {
     console.log({
       caller: "Invitation / submitHandler",
@@ -14,6 +26,7 @@ const Invitation: Component<Props> = (props) => {
       values,
       context,
     });
+    save(values);
   };
 
   const { form } = createForm({ onSubmit: submitHandler });