be7c702602
* fix: cannot login with email on PWA * adjust other email templates * restore manual url on new user email * no padding on button section * cleanup * generate 6-digit bechh32 token * token needs to be fed as lower case; validator case insensitive * delete token if user has failed 3 times * proposal: context-independent error page * include expiration time on email page message * add expiration time to emails * independent checkPWA function * restore token deletion if successful auth * final cleanup: remove unused function * compact useVerificationToken * email.js: magic code for non-PWA users * adjust email templates * MultiInput component; magic code via MultiInput * hotfix: revert length testing; larger width for inputs * manual bech32 token generation; no upperCase * reverting to string concatenation * layout tweaks, fix error placement * pastable inputs * small nit fixes * less ambiguous error path --------- Co-authored-by: Keyan <34140557+huumn@users.noreply.github.com> Co-authored-by: k00b <k00b@stacker.news>
58 lines
1.9 KiB
JavaScript
58 lines
1.9 KiB
JavaScript
import Image from 'react-bootstrap/Image'
|
|
import { StaticLayout } from '@/components/layout'
|
|
import styles from '@/styles/error.module.css'
|
|
import { useRouter } from 'next/router'
|
|
import Button from 'react-bootstrap/Button'
|
|
|
|
export function getServerSideProps ({ query }) {
|
|
return {
|
|
props: {
|
|
error: query.error
|
|
}
|
|
}
|
|
}
|
|
|
|
export default function AuthError ({ error }) {
|
|
const router = useRouter()
|
|
|
|
if (error === 'AccessDenied') {
|
|
return (
|
|
<StaticLayout>
|
|
<Image className='rounded-1 shadow-sm' width='500' height='381' src={`${process.env.NEXT_PUBLIC_ASSET_PREFIX}/forbidden.gif`} fluid />
|
|
<h1 className={[styles.status, styles.smaller].join(' ')}><span>ACCESS DENIED</span></h1>
|
|
</StaticLayout>
|
|
)
|
|
} else if (error === 'Verification') {
|
|
return (
|
|
<StaticLayout>
|
|
<Image className='rounded-1 shadow-sm' width='500' height='375' src={`${process.env.NEXT_PUBLIC_ASSET_PREFIX}/double.gif`} fluid />
|
|
<h2 className='pt-4'>Incorrect magic code</h2>
|
|
<Button
|
|
className='align-items-center my-3'
|
|
style={{ borderWidth: '2px' }}
|
|
id='login'
|
|
onClick={() => router.back()}
|
|
size='lg'
|
|
>
|
|
try again
|
|
</Button>
|
|
</StaticLayout>
|
|
)
|
|
} else if (error === 'Configuration') {
|
|
return (
|
|
<StaticLayout>
|
|
<Image className='rounded-1 shadow-sm' width='500' height='375' src={`${process.env.NEXT_PUBLIC_ASSET_PREFIX}/double.gif`} fluid />
|
|
<h1 className={[styles.status, styles.smaller].join(' ')}><span>configuration error</span></h1>
|
|
</StaticLayout>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<StaticLayout>
|
|
<Image className='rounded-1 shadow-sm' width='500' height='375' src={`${process.env.NEXT_PUBLIC_ASSET_PREFIX}/double.gif`} fluid />
|
|
<h1 className={[styles.status, styles.smaller].join(' ')}><span>auth error</span></h1>
|
|
</StaticLayout>
|
|
|
|
)
|
|
}
|