first commit

app/users/SubmitButton.tsx

@@ -0,0 +1,29 @@
+"use client";
+
+import { JSX } from "react";
+import { useFormStatus } from "react-dom";
+
+export default function SubmitButton({
+  label = "Add User",
+}: {
+  label?: string;
+}): JSX.Element {
+  const { pending } = useFormStatus();
+
+  return (
+    <button
+      type="submit"
+      disabled={pending}
+      className="btn btn-primary w-full md:w-auto"
+    >
+      {pending ? (
+        <>
+          <span className="loading loading-spinner loading-xs"></span>
+          Saving...
+        </>
+      ) : (
+        label
+      )}
+    </button>
+  );
+}