extract auth to lib

src/hooks/useSubmitState.ts

@@ -0,0 +1,31 @@
+import { useCallback, useState } from 'react';
+
+export function useSubmitState<TStatus = string | null>(initialStatus: TStatus) {
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [submitError, setSubmitError] = useState<string | null>(null);
+  const [status, setStatus] = useState<TStatus>(initialStatus);
+
+  const startSubmitting = useCallback(() => {
+    setIsSubmitting(true);
+  }, []);
+
+  const finishSubmitting = useCallback(() => {
+    setIsSubmitting(false);
+  }, []);
+
+  const clearFeedback = useCallback(() => {
+    setSubmitError(null);
+    setStatus(initialStatus);
+  }, [initialStatus]);
+
+  return {
+    isSubmitting,
+    submitError,
+    status,
+    startSubmitting,
+    finishSubmitting,
+    setSubmitError,
+    setStatus,
+    clearFeedback
+  };
+}