diff options
author | 2021-09-06 23:13:22 +0200 | |
---|---|---|
committer | 2021-09-06 23:13:22 +0200 | |
commit | 569bdb8c5d7538fa0ea8a99ff2f8376f7cbfa51a (patch) | |
tree | 8d1cb94a56d60b9d726222277b7516fc59895613 /components/Form.js | |
parent | 275bd1d0a9aea90696c145cf992d522a0d6b0aa8 (diff) | |
download | my_apps-569bdb8c5d7538fa0ea8a99ff2f8376f7cbfa51a.tar.gz my_apps-569bdb8c5d7538fa0ea8a99ff2f8376f7cbfa51a.tar.bz2 my_apps-569bdb8c5d7538fa0ea8a99ff2f8376f7cbfa51a.zip |
added stadard linter
Diffstat (limited to 'components/Form.js')
-rw-r--r-- | components/Form.js | 74 |
1 files changed, 37 insertions, 37 deletions
diff --git a/components/Form.js b/components/Form.js index 9a17660..681f13a 100644 --- a/components/Form.js +++ b/components/Form.js @@ -3,65 +3,65 @@ import React from 'react' import PropTypes from 'prop-types' import useSettings from 'hooks/useSettings' -const Form = ({errorMessage, onSubmit, isLogin}) => { - const {settings, setSettings, t} = useSettings() +const Form = ({ errorMessage, onSubmit, isLogin }) => { + const { settings, setSettings, t } = useSettings() const themeChange = c => { - setSettings(prev => ({...prev, theme: c})) + setSettings(prev => ({ ...prev, theme: c })) } const languageChange = l => { - setSettings(prev => ({...prev, language: l})) + setSettings(prev => ({ ...prev, language: l })) } return ( <form className={`window window--popup ${styles.userForm}`} onSubmit={onSubmit}> - <div className="window__content--popup"> + <div className='window__content--popup'> {isLogin ? t('log_in') : t('register_user')} </div> - <input type="email" name="email" placeholder="email" required /> - <input type="password" name="password" minLength="6" placeholder={t('password')} required /> + <input type='email' name='email' placeholder='email' required /> + <input type='password' name='password' minLength='6' placeholder={t('password')} required /> {!isLogin && ( <> - <input type="password" name="password_confirm" placeholder={t('confirm_password')} required /> + <input type='password' name='password_confirm' placeholder={t('confirm_password')} required /> <legend>{t('language')}</legend> <fieldset> - {['en', 'pl', 'es', 'de'].map(l => ( - <fieldset key={l}> - <input - id={`language_${l}`} - type="radio" - name="language" - value={l} - defaultChecked={settings.language === l} - onChange={() => languageChange(l)} - /> - <label htmlFor={`language_${l}`}>{l.toUpperCase()}</label> - </fieldset> - ))} + {['en', 'pl', 'es', 'de'].map(l => ( + <fieldset key={l}> + <input + id={`language_${l}`} + type='radio' + name='language' + value={l} + defaultChecked={settings.language === l} + onChange={() => languageChange(l)} + /> + <label htmlFor={`language_${l}`}>{l.toUpperCase()}</label> + </fieldset> + ))} </fieldset> <legend>{t('color_theme')}</legend> <fieldset> - {['green', 'blue', 'black'].map(c => ( - <fieldset key={c}> - <input - id={`theme_${c}`} - type="radio" - name="theme" - value={c} - defaultChecked={settings.theme === c} - onChange={() => themeChange(c)} - /> - <label htmlFor={`theme_${c}`} /> - </fieldset> - ))} + {['green', 'blue', 'black'].map(c => ( + <fieldset key={c}> + <input + id={`theme_${c}`} + type='radio' + name='theme' + value={c} + defaultChecked={settings.theme === c} + onChange={() => themeChange(c)} + /> + <label htmlFor={`theme_${c}`} /> + </fieldset> + ))} </fieldset> </> )} - <input className='window__button' type="submit" value={isLogin ? t('login') : t('register')} /> + <input className='window__button' type='submit' value={isLogin ? t('login') : t('register')} /> - {errorMessage && <p className="error">{t(errorMessage)}</p>} + {errorMessage && <p className='error'>{t(errorMessage)}</p>} </form> ) } @@ -70,5 +70,5 @@ export default Form Form.propTypes = { errorMessage: PropTypes.string, - onSubmit: PropTypes.func, + onSubmit: PropTypes.func } |