change login and register to form

2023-10-19 13:46:40 +08:00
parent b987dbe79b
commit b3295e136d
3 changed files with 102 additions and 57 deletions
@@ -0,0 +1,35 @@
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { IconProp } from "@fortawesome/fontawesome-svg-core";
+
+type Props = {
+  onClick?: Function;
+  icon?: IconProp;
+  label: string;
+  loading: boolean;
+  className?: string;
+};
+
+export default function AuthSubmitButton({
+  onClick,
+  icon,
+  label,
+  loading,
+  className,
+}: Props) {
+  return (
+    <button
+      type="submit"
+      className={`text-white flex items-center gap-2 py-2 px-5 rounded-md text-lg tracking-wide select-none font-semibold duration-100 w-fit ${
+        loading
+          ? "bg-sky-600 cursor-auto"
+          : "bg-sky-700 hover:bg-sky-600 cursor-pointer"
+      } ${className}`}
+      onClick={() => {
+        if (!loading && onClick) onClick();
+      }}
+    >
+      {icon && <FontAwesomeIcon icon={icon} className="h-5" />}
+      <p className="text-center w-full">{label}</p>
+    </button>
+  );
+}