From f4e220a8cdd27e3f7d876d4e7bcfed371a9bb24f Mon Sep 17 00:00:00 2001
From: Max Wofford <max@maxwofford.com>
Date: Fri, 16 Aug 2024 14:28:03 -0400
Subject: [PATCH] Add redirect to project after submission

---
 components/arcade/showcase/project-add.js | 10 ++++++++--
 lib/use-form.js                           |  2 +-
 pages/api/arcade/showcase/projects/add.js |  2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/components/arcade/showcase/project-add.js b/components/arcade/showcase/project-add.js
index 44178392..c698c189 100644
--- a/components/arcade/showcase/project-add.js
+++ b/components/arcade/showcase/project-add.js
@@ -6,11 +6,16 @@ import Submit from '../../submit'
 const Loading = () => <div>Loading...</div>
 const ErrorMsg = () => <div>There was an error loading your projects.</div>
 
+async function projectAdded(response) {
+  const projectID = response.project
+
+  window.location.href = '/arcade/showcase/project/' + projectID
+}
+
 const NewProjectForm = ({authToken}) => {
-  console.log({authToken})
   const { status, formProps, useField } = useForm(
     '/api/arcade/showcase/projects/add',
-    null,
+    projectAdded,
     { initData: {authToken} },
   )
   return (
@@ -18,6 +23,7 @@ const NewProjectForm = ({authToken}) => {
       <form {...formProps}>
         <Label>
           <Text>Repo / code link</Text>
+          <Text color="muted">We'll pull in your project details from this repo</Text>
           <Input
             {...useField('codeLink')}
             placeholder="https://github.com/hackclub/arcade"
diff --git a/lib/use-form.js b/lib/use-form.js
index 2be83157..cb7fac1c 100644
--- a/lib/use-form.js
+++ b/lib/use-form.js
@@ -51,7 +51,7 @@ const useForm = (
         const response = await r.json()
         if (r.ok) {
           setStatus('success')
-          if (callback) callback(r)
+          if (callback) callback(response)
           if (options.clearOnSubmit) {
             setTimeout(() => {
               setData({})
diff --git a/pages/api/arcade/showcase/projects/add.js b/pages/api/arcade/showcase/projects/add.js
index 85ee5ff6..8d15de95 100644
--- a/pages/api/arcade/showcase/projects/add.js
+++ b/pages/api/arcade/showcase/projects/add.js
@@ -35,5 +35,5 @@ export default async function handler(req, res) {
     "Play Link": playLink,
   })
 
-  return res.status(200).json(project)
+  return res.status(200).json({ project: project.id })
 }
\ No newline at end of file