From db810527f17e162cdfe479fb2f417bd643d04a0c Mon Sep 17 00:00:00 2001
From: brunosllz <brunoslvrlz13@gmail.com>
Date: Wed, 27 Sep 2023 04:18:41 -0300
Subject: [PATCH] refactor: adjust save button on new project form

---
 .../me/projects/new/components/save-button.tsx | 18 ++++++++++++++++++
 src/app/(app)/me/projects/new/page.tsx         | 13 +++----------
 2 files changed, 21 insertions(+), 10 deletions(-)
 create mode 100644 src/app/(app)/me/projects/new/components/save-button.tsx

diff --git a/src/app/(app)/me/projects/new/components/save-button.tsx b/src/app/(app)/me/projects/new/components/save-button.tsx
new file mode 100644
index 0000000..9a6218b
--- /dev/null
+++ b/src/app/(app)/me/projects/new/components/save-button.tsx
@@ -0,0 +1,18 @@
+'use client'
+
+import { useUploadStore } from '@/store'
+import { Button } from '@/components/ui/button'
+
+export function SaveButton() {
+  const uploadStatus = useUploadStore((store) => store.uploadStatus)
+
+  return (
+    <Button
+      disabled={uploadStatus === 'submitting'}
+      type="submit"
+      form="new-project"
+    >
+      Save
+    </Button>
+  )
+}
diff --git a/src/app/(app)/me/projects/new/page.tsx b/src/app/(app)/me/projects/new/page.tsx
index 558fde9..807a55c 100644
--- a/src/app/(app)/me/projects/new/page.tsx
+++ b/src/app/(app)/me/projects/new/page.tsx
@@ -5,15 +5,13 @@ import { Separator } from '@/components/ui/separator'
 import Link from 'next/link'
 import { NewProjectForm } from './components/new-project-form'
 import { Metadata } from 'next'
-import { useUploadStore } from '@/store'
+import { SaveButton } from './components/save-button'
 
 export const metadata: Metadata = {
   title: 'New Project',
 }
 
 export default function NewProject() {
-  const { uploadStatus } = useUploadStore()
-
   return (
     <div>
       <div className="flex items-center justify-between">
@@ -26,13 +24,8 @@ export default function NewProject() {
           <Button asChild variant="outline">
             <Link href="/me/projects">Cancel</Link>
           </Button>
-          <Button
-            disabled={uploadStatus === 'submitting'}
-            type="submit"
-            form="new-project"
-          >
-            Save
-          </Button>
+
+          <SaveButton />
         </div>
       </div>