save

apps/trading-site/app/protected/page.tsx

@@ -16,7 +16,7 @@ export default async function ProtectedPage() {
 function SignOut() {
     return (
         <form
-            action={async () => {
+            onSubmit={async () => {
                 "use server";
                 await signOut();
             }}

apps/trading-site/app/register/page.tsx

@@ -1,8 +1,8 @@
-import Link from "next/link";
-import { Form } from "app/form";
-import { redirect } from "next/navigation";
 import { createUser, getUser } from "app/db";
+import { Form } from "app/form";
 import { SubmitButton } from "app/submit-button";
+import Link from "next/link";
+import { redirect } from "next/navigation";
 
 export default function Login() {
     async function register(formData: FormData) {

apps/trading-site/app/submit-button.tsx

@@ -1,18 +1,19 @@
 "use client";
 
-import { useFormStatus } from "react-dom";
+// import { useFormStatus } from "react-dom";
 
 export function SubmitButton({ children }: { children: React.ReactNode }) {
-    const { pending } = useFormStatus();
+    // const { pending } = useFormStatus();
 
     return (
         <button
-            type={pending ? "button" : "submit"}
-            aria-disabled={pending}
+            // type={pending ? "button" : "submit"}
+            type={"submit"}
+            // aria-disabled={pending}
             className="flex h-10 w-full items-center justify-center rounded-md border text-sm transition-all focus:outline-none"
         >
             {children}
-            {pending && (
+            {/* {pending && (
                 <svg
                     className="animate-spin ml-2 h-4 w-4 text-black"
                     xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +23,10 @@ export function SubmitButton({ children }: { children: React.ReactNode }) {
                     <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
                     <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
                 </svg>
-            )}
+            )} */}
             <span aria-live="polite" className="sr-only" role="status">
-                {pending ? "Loading" : "Submit form"}
+                {/* {pending ? "Loading" : "Submit form"} */}
+                {"Submit form"}
             </span>
         </button>
     );