import { useToken, usePrimaryEmail } from '@usermatic/client'
import { LoginForm, LogoutButton } from '@usermatic/client/components'
function LoginComponent () {
const { id } = useToken()
const { email } = usePrimaryEmail()
if (id) {
return <div>
<p>Welcome back, { email }!</p>
<LogoutButton/>
</div>
} else {
return <LoginForm/>
}
}
import { usePrimaryEmail, usePersonalDetails } from '@usermatic/client'
import { UserAccountSettings } from '@usermatic/client/components'
const UserProfilePage: React.FC<{}> = () => {
const { name } = usePersonalDetails()
return <div>
<h3>Profile for { name.first } { name.last }</h3>
<div>
<h4>Account Settings</h4>
<UserAccountSettings/>
</div>
</div>
}