summaryrefslogtreecommitdiff
path: root/src/pages/logintest/Form.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/pages/logintest/Form.tsx')
-rw-r--r--src/pages/logintest/Form.tsx53
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>
-);