zoriya/Chromacase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Front: Pretty and Lint (#225)

Browse Source
This commit is contained in:
Arthur Jamet
2023-06-17 07:01:23 +01:00
committed by GitHub
parent 399c7d0d9e
commit c5d465df97
94 changed files with 3627 additions and 3089 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/components/forms/changeEmailForm.tsx
+71 -86
View File
@@ -1,37 +1,26 @@
import React from "react";
import { translate } from "../../i18n/i18n";
import { string } from "yup";
import {
FormControl,
Input,
Stack,
WarningOutlineIcon,
Box,
Button,
useToast,
} from "native-base";
import React from 'react';
import { translate } from '../../i18n/i18n';
import { string } from 'yup';
import { FormControl, Input, Stack, WarningOutlineIcon, Box, Button, useToast } from 'native-base';
interface ChangeEmailFormProps {
onSubmit: (
oldEmail: string,
newEmail: string
) => Promise<string>;
onSubmit: (oldEmail: string, newEmail: string) => Promise<string>;
}
const validationSchemas = {
email: string().email("Invalid email").required("Email is required"),
email: string().email('Invalid email').required('Email is required'),
};
const ChangeEmailForm = ({ onSubmit }: ChangeEmailFormProps) => {
const [formData, setFormData] = React.useState({
oldEmail: {
value: "",
value: '',
error: null as string | null,
},
newEmail: {
value: "",
value: '',
error: null as string | null,
}
},
});
const [submittingForm, setSubmittingForm] = React.useState(false);
@@ -42,77 +31,73 @@ const ChangeEmailForm = ({ onSubmit }: ChangeEmailFormProps) => {
<Stack mx="4" style={{ width: '80%', maxWidth: 400 }}>
<FormControl
isRequired
isInvalid={
formData.oldEmail.error !== null ||
formData.newEmail.error !== null
}
isInvalid={formData.oldEmail.error !== null || formData.newEmail.error !== null}
>
<FormControl.Label>{translate("oldEmail")}</FormControl.Label>
<Input
isRequired
type="text"
placeholder={translate("oldEmail")}
value={formData.oldEmail.value}
onChangeText={(t) => {
let error: null | string = null;
validationSchemas.email
.validate(t)
.catch((e) => (error = e.message))
.finally(() => {
setFormData({ ...formData, oldEmail: { value: t, error } });
});
}}
/>
<FormControl.ErrorMessage leftIcon={<WarningOutlineIcon size="xs" />} >
{formData.oldEmail.error}
</FormControl.ErrorMessage>
<FormControl.Label>{translate('oldEmail')}</FormControl.Label>
<Input
isRequired
type="text"
placeholder={translate('oldEmail')}
value={formData.oldEmail.value}
onChangeText={(t) => {
let error: null | string = null;
validationSchemas.email
.validate(t)
.catch((e) => (error = e.message))
.finally(() => {
setFormData({ ...formData, oldEmail: { value: t, error } });
});
}}
/>
<FormControl.ErrorMessage leftIcon={<WarningOutlineIcon size="xs" />}>
{formData.oldEmail.error}
</FormControl.ErrorMessage>
<FormControl.Label>{translate("newEmail")}</FormControl.Label>
<Input
isRequired
type="text"
placeholder={translate("newEmail")}
value={formData.newEmail.value}
onChangeText={(t) => {
let error: null | string = null;
validationSchemas.email
.validate(t)
.catch((e) => (error = e.message))
.finally(() => {
setFormData({ ...formData, newEmail: { value: t, error } });
});
}}
/>
<FormControl.ErrorMessage leftIcon={<WarningOutlineIcon size="xs" />} >
{formData.oldEmail.error}
</FormControl.ErrorMessage>
<Button
style={{ marginTop: 10 }}
isLoading={submittingForm}
isDisabled={
formData.newEmail.error !== null
}
onPress={async () => {
setSubmittingForm(true);
try {
const resp = await onSubmit(formData.oldEmail.value,
formData.newEmail.value
);
toast.show({ description: resp });
} catch (e) {
toast.show({ description: e as string });
} finally {
setSubmittingForm(false);
}
}}
>
{translate("submitBtn")}
</Button>
<FormControl.Label>{translate('newEmail')}</FormControl.Label>
<Input
isRequired
type="text"
placeholder={translate('newEmail')}
value={formData.newEmail.value}
onChangeText={(t) => {
let error: null | string = null;
validationSchemas.email
.validate(t)
.catch((e) => (error = e.message))
.finally(() => {
setFormData({ ...formData, newEmail: { value: t, error } });
});
}}
/>
<FormControl.ErrorMessage leftIcon={<WarningOutlineIcon size="xs" />}>
{formData.oldEmail.error}
</FormControl.ErrorMessage>
<Button
style={{ marginTop: 10 }}
isLoading={submittingForm}
isDisabled={formData.newEmail.error !== null}
onPress={async () => {
setSubmittingForm(true);
try {
const resp = await onSubmit(
formData.oldEmail.value,
formData.newEmail.value
);
toast.show({ description: resp });
} catch (e) {
toast.show({ description: e as string });
} finally {
setSubmittingForm(false);
}
}}
>
{translate('submitBtn')}
</Button>
</FormControl>
</Stack>
</Box>
);
}
};
export default ChangeEmailForm;