feat: introduce server action to form submission

Supernovaxxx · Nov 7, 2023 · 0f80fb6 · 0f80fb6
1 parent fceaf13
commit 0f80fb6
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/components/core/contact-form/action.ts b/components/core/contact-form/action.ts
@@ -0,0 +1,8 @@
+'use server'
+import { FormSchema } from "./schema"
+
+
+export async function SendContactForm(data: FormSchema) {
+    console.log(data)
+    return "Thanks for the message!"
+}
diff --git a/components/core/contact-form/index.tsx b/components/core/contact-form/index.tsx
@@ -18,6 +18,7 @@ import { Input } from '@/components/ui/input'
 import { Textarea } from '@/components/ui/textarea'
 
 import { formSchema, FormSchema } from './schema'
+import { SendContactForm } from './action'
 
 
 export default function ContactForm() {
@@ -31,8 +32,9 @@ export default function ContactForm() {
         },
     })
 
-    function onSubmit(values: FormSchema) {
-        console.log(values)
+    async function onSubmit(values: FormSchema) {
+        const returnedValues = await SendContactForm(values)
+        alert(returnedValues)
     }
 
     return (

diff --git a/components/site/sections/contact-form.tsx b/components/site/sections/contact-form.tsx