From dfa384dc1682942fd0c9a74f1f24975d2799be60 Mon Sep 17 00:00:00 2001
From: Toby Brown <hi@tobyb.dev>
Date: Sun, 7 Jan 2024 14:56:51 +0000
Subject: [PATCH] changes

---
 components/slack/join-form.js | 15 ++++++++++++++-
 pages/api/join.js             |  5 ++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/components/slack/join-form.js b/components/slack/join-form.js
index 6f0aa366..cc9378fa 100644
--- a/components/slack/join-form.js
+++ b/components/slack/join-form.js
@@ -13,9 +13,22 @@ import { useRouter } from 'next/router'
 import useForm from '../../lib/use-form'
 import Submit from '../submit'
 import { getCookie, hasCookie } from 'cookies-next'
+import { useEffect, useState } from 'react'
 
 const JoinForm = ({ sx = {} }) => {
   const router = useRouter()
+  const [event, setEvent] = useState(null)
+
+  useEffect(() => {
+    if (!router.isReady) {
+      setEvent(null)
+      console.log('not ready yet!')
+    } else {
+      setEvent(router.query.event)
+      console.log('Hello from the client!', name)
+    }
+  }, [])
+
   const { status, formProps, useField } = useForm('/api/join/', null, {
     clearOnSubmit: 5000,
     method: 'POST',
@@ -23,7 +36,7 @@ const JoinForm = ({ sx = {} }) => {
       ? {
           continent: getCookie('continent'),
           reason: router.query.reason,
-          event: router.query.event
+          event: event
         }
       : { reason: router.query.reason, event: router.query.event }
   })
diff --git a/pages/api/join.js b/pages/api/join.js
index 827f42cb..e7e862e3 100644
--- a/pages/api/join.js
+++ b/pages/api/join.js
@@ -55,6 +55,9 @@ export default async function handler(req, res) {
     })
   }
 
+  console.log("Hello from the server!", data.event)
+  console.log("Hello from the server!", data)
+
   const airtablePromise = joinTable.create({
     'Full Name': data.name,
     'Email Address': data.email,
@@ -62,7 +65,7 @@ export default async function handler(req, res) {
     Reason: data.reason,
     Invited: !waitlist,
     Club: data.club ? data.club : '',
-    Event: data.event ? data.event : '',
+    'Event': data.event ? data.event : '',
     IP: req.headers['x-forwarded-for'] || req.socket.remoteAddress
   })