aboutsummaryrefslogtreecommitdiffstats
path: root/components/Form.js
diff options
context:
space:
mode:
Diffstat (limited to 'components/Form.js')
-rw-r--r--components/Form.js74
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
}