manifold/web/components/sign-in-button.tsx
2022-08-28 21:14:44 +00:00

26 lines
571 B
TypeScript

import React from 'react'
import { useRouter } from 'next/router'
import { firebaseLogin } from 'web/lib/firebase/users'
import { Button } from './button'
export const SignInButton = (props: {
}) => {
const router = useRouter()
return (
<Button
size='lg'
color='gray'
onClick={async () => {
// login, and then reload the page, to hit any SSR redirect (e.g.
// redirecting from / to /home for logged in users)
await firebaseLogin()
router.replace(router.asPath)
}}
>
Sign in
</Button>
)
}