import { TOKEN_COOKIE_NAME } from "@lib/constants"
import { getCookie, setCookie } from "cookies-next"
import { useEffect } from "react"
import useSharedState from "./use-shared-state"

const useSignedIn = () => {
	const token = getCookie(TOKEN_COOKIE_NAME)

	const [signedIn, setSignedIn] = useSharedState(
		"signedIn",
		typeof window === "undefined" ? false : !!token
	)

	const signin = (token: string) => {
		setSignedIn(true)
		// TODO: investigate SameSite / CORS cookie security
		setCookie(TOKEN_COOKIE_NAME, token)
	}

	// useEffect(() => {
	// 	if (token) {
	// 		setSignedIn(true)
	// 	} else {
	// 		setSignedIn(false)
	// 	}
	// }, [setSignedIn, token])

	console.log("signed 	in", signedIn)

	return { signedIn, signin, token }
}

export default useSignedIn