Thream/website
Archived
2
2
Fork 0
Code Issues Pull Requests Releases Activity

feat: create a guild (#1)

Browse Source
This commit is contained in:
Divlo
2021-10-26 16:38:55 +02:00
committed by GitHub
parent a0fa66e8f5
commit d8fab08585
45 changed files with 530 additions and 315 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
pages/authentication/reset-password.tsx
View File

@ -1,9 +1,6 @@
import { useState, useMemo } from 'react'
import { useRouter } from 'next/router'
import useTranslation from 'next-translate/useTranslation'
import { HandleForm } from 'react-component-form'
import axios from 'axios'
import { Type } from '@sinclair/typebox'
import { Head } from 'components/Head'
import { Header } from 'components/Header'
@ -12,54 +9,40 @@ import { Footer, FooterProps } from 'components/Footer'
import { Input } from 'components/design/Input'
import { Button } from 'components/design/Button'
import { FormState } from 'components/design/FormState'
import { useFormState } from 'hooks/useFormState'
import { authenticationFromServerSide } from 'utils/authentication'
import { AuthenticationForm } from 'components/Authentication'
import { ScrollableBody } from 'components/ScrollableBody/ScrollableBody'
import { api } from 'utils/api'
import { userSchema } from '../../models/User'
import { ajv } from '../../utils/ajv'
import { HandleSubmitCallback, useForm } from 'hooks/useForm'
const ResetPassword: React.FC<FooterProps> = (props) => {
const { t } = useTranslation()
const router = useRouter()
const { version } = props
const [formState, setFormState] = useFormState()
const [messageTranslationKey, setMessageTranslationKey] = useState<
string | undefined
>(undefined)
const validateSchema = useMemo(() => {
return Type.Object({
password: userSchema.password
})
}, [])
const { formState, message, errors, getErrorTranslation, handleSubmit } =
useForm({ validateSchemaObject: { password: userSchema.password } })
const validate = useMemo(() => {
return ajv.compile(validateSchema)
}, [validateSchema])
const handleSubmit: HandleForm = async (formData, formElement) => {
const isValid = validate(formData)
if (!isValid) {
setFormState('error')
setMessageTranslationKey('errors:invalid')
} else {
setFormState('loading')
try {
await api.put(`/users/reset-password`, {
...formData,
temporaryToken: router.query.temporaryToken
})
await router.push('/authentication/signin')
} catch (error) {
setFormState('error')
if (axios.isAxiosError(error) && error.response?.status === 400) {
setMessageTranslationKey('errors:invalid')
} else {
setMessageTranslationKey('errors:server-error')
const onSubmit: HandleSubmitCallback = async (formData) => {
try {
await api.put(`/users/reset-password`, {
...formData,
temporaryToken: router.query.temporaryToken
})
await router.push('/authentication/signin')
return null
} catch (error) {
if (axios.isAxiosError(error) && error.response?.status === 400) {
return {
type: 'error',
value: 'errors:invalid'
}
}
return {
type: 'error',
value: 'errors:server-error'
}
}
}
@ -68,7 +51,7 @@ const ResetPassword: React.FC<FooterProps> = (props) => {
<Head title={`Thream | ${t('authentication:reset-password')}`} />
<Header />
<Main>
<AuthenticationForm onSubmit={handleSubmit}>
<AuthenticationForm onSubmit={handleSubmit(onSubmit)}>
<Input
type='password'
placeholder='Password'
@ -83,7 +66,7 @@ const ResetPassword: React.FC<FooterProps> = (props) => {
id='message'
state={formState}
message={
messageTranslationKey != null ? t(messageTranslationKey) : null
message != null ? message : getErrorTranslation(errors.password)
}
/>
</Main>