scott/crabfit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Sign out button

Browse source
This commit is contained in:
Ben Grant 2021-06-16 00:25:18 +10:00
parent 9adb3d21ed
commit 3e554043de
3 changed files with 13 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
crabfit-frontend/src/pages/Event/Event.tsx
View file

@ -51,7 +51,7 @@ const Event = (props) => {
const { t } = useTranslation(['common', 'event']);
const { register, handleSubmit, setFocus } = useForm();
const { register, handleSubmit, setFocus, reset } = useForm();
const { id } = props.match.params;
const { offline } = props;
const [timezone, setTimezone] = useState(Intl.DateTimeFormat().resolvedOptions().timeZone);
@ -270,6 +270,7 @@ const Event = (props) => {
gtag('event', 'login', {
'event_category': 'event',
});
reset();
}
};
@ -321,7 +322,14 @@ const Event = (props) => {
<LoginSection id="login">
<StyledMain>
{user ? (
<h2>{t('event:form.signed_in', { name: user.name })}</h2>
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', margin: '20px 0', flexWrap: 'wrap', gap: '10px' }}>
<h2 style={{ margin: 0 }}>{t('event:form.signed_in', { name: user.name })}</h2>
<Button small onClick={() => {
setTab('group');
setUser(null);
setPassword(null);
}}>{t('event:form.logout_button')}</Button>
</div>
) : (
<>
<h2>{t('event:form.signed_out')}</h2>