You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.3 KiB
53 lines
1.3 KiB
import { useRouter } from 'next/router'; |
|
import { FC } from 'react'; |
|
|
|
import api from '../lib/api'; |
|
import GateForm from './GateForm'; |
|
import handleAPIError from '../lib/handleAPIError'; |
|
import { Panel } from './Panels'; |
|
|
|
const GatePanel: FC = () => { |
|
const router = useRouter(); |
|
|
|
return ( |
|
<Panel |
|
sx={{ |
|
marginLeft: { xs: '1em', sm: 'auto' }, |
|
marginRight: { xs: '1em', sm: 'auto' }, |
|
marginTop: 'calc(50vh - 14em)', |
|
minWidth: '16em', |
|
width: { xs: 'fit-content', sm: '26em' }, |
|
}} |
|
> |
|
<GateForm |
|
gridProps={{ columns: 1 }} |
|
identifierLabel="Username" |
|
onSubmitAppend={(username, password, setMessage, setIsSubmitting) => { |
|
setIsSubmitting(true); |
|
|
|
api |
|
.post('/auth/login', { username, password }) |
|
.then(() => { |
|
router.push('/'); |
|
}) |
|
.catch((error) => { |
|
const emsg = handleAPIError(error, { |
|
onResponseErrorAppend: () => ({ |
|
children: `Credentials mismatched.`, |
|
}), |
|
}); |
|
|
|
setMessage(emsg); |
|
}) |
|
.finally(() => { |
|
setIsSubmitting(false); |
|
}); |
|
}} |
|
passphraseLabel="Passphrase" |
|
submitLabel="Login" |
|
/> |
|
</Panel> |
|
); |
|
}; |
|
|
|
export default GatePanel;
|
|
|