From 8934cc610f192a7a9e9aac59457b6c2e8d5ebbb4 Mon Sep 17 00:00:00 2001 From: muhammed sinan Date: Fri, 27 Jun 2025 10:46:35 +0530 Subject: refactor: added auth hooks for handling sign and signup logics --- apps/web/src/hooks/auth/useLogin.ts | 60 +++++++++++++++++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 apps/web/src/hooks/auth/useLogin.ts (limited to 'apps/web/src/hooks/auth/useLogin.ts') diff --git a/apps/web/src/hooks/auth/useLogin.ts b/apps/web/src/hooks/auth/useLogin.ts new file mode 100644 index 00000000..3737deb3 --- /dev/null +++ b/apps/web/src/hooks/auth/useLogin.ts @@ -0,0 +1,60 @@ +import { useCallback, useState } from "react"; +import { useRouter } from "next/navigation"; +import { signIn } from "@opencut/auth/client"; + +export function useLogin() { + const router = useRouter(); + const [email, setEmail] = useState(""); + const [password, setPassword] = useState(""); + const [error, setError] = useState(null); + const [isEmailLoading, setIsEmailLoading] = useState(false); + const [isGoogleLoading, setIsGoogleLoading] = useState(false); + + const handleLogin = useCallback(async () => { + setError(null); + setIsEmailLoading(true); + + const { error } = await signIn.email({ + email, + password, + }); + + if (error) { + setError(error.message || "An unexpected error occurred."); + setIsEmailLoading(false); + return; + } + + router.push("/editor"); + }, [router, email, password]); + + const handleGoogleLogin = async () => { + setError(null); + setIsGoogleLoading(true); + + try { + await signIn.social({ + provider: "google", + callbackURL: "/editor", + }); + } catch (error) { + setError("Failed to sign in with Google. Please try again."); + setIsGoogleLoading(false); + } + }; + + const isAnyLoading = isEmailLoading || isGoogleLoading; + + return { + email, + setEmail, + password, + setPassword, + error, + isEmailLoading, + isGoogleLoading, + isAnyLoading, + handleLogin, + handleGoogleLogin, + }; +} -- cgit v1.3.1