better better

1 files changed, 0 insertions, 53 deletions

diff --git a/src/pages/logintest/Form.tsx b/src/pages/logintest/Form.tsx
deleted file mode 100644
index a593acb..0000000
--- a/src/pages/logintest/Form.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-"use client";
-
-import { useFormStatus } from "react-dom";
-
-const SubmitButton = () => {
-  const { pending } = useFormStatus();
-  return (
-    <>
-      <button
-        disabled={pending}
-        type="submit"
-        className="hover:bg-slate-50 w-fit rounded-lg bg-white p-2"
-      >
-        {pending ? "Pending..." : "Submit"}
-      </button>
-    </>
-  );
-};
-
-export const Form = ({
-  message,
-  greet,
-}: {
-  message: Promise<string>;
-  greet: (formData: FormData) => Promise<void>;
-}) => (
-  <div style={{ border: "3px blue dashed", margin: "1em", padding: "1em" }}>
-    <p>{message}</p>
-    <form action={greet}>
-      <div className="flex flex-col gap-1 text-left">
-        <div>
-          Name:{" "}
-          <input
-            name="name"
-            required
-            className="invalid:border-red-500 rounded-sm border px-2 py-1"
-          />
-        </div>
-        <div>
-          Email:{" "}
-          <input
-            type="email"
-            name="email"
-            required
-            className="invalid:border-red-500 rounded-sm border px-2 py-1"
-          />
-        </div>
-        <SubmitButton />
-      </div>
-    </form>
-    <h3>This is a client component.</h3>
-  </div>
-);