diff options
Diffstat (limited to 'components/Form.js')
| -rw-r--r-- | components/Form.js | 58 |
1 files changed, 28 insertions, 30 deletions
diff --git a/components/Form.js b/components/Form.js index 59f9710..9a17660 100644 --- a/components/Form.js +++ b/components/Form.js @@ -24,39 +24,37 @@ const Form = ({errorMessage, onSubmit, isLogin}) => { {!isLogin && ( <> <input type="password" name="password_confirm" placeholder={t('confirm_password')} required /> + <legend>{t('language')}</legend> <fieldset> - <legend>{t('language')}</legend> - {['en', 'pl', 'es', 'de'].map(l => ( - <> - <input - key={`i_${l}`} - id={`language_${l}`} - type="radio" - name="language" - value={l} - defaultChecked={settings.language === l} - onChange={() => languageChange(l)} - /> - <label key={`l_${l}`} htmlFor={`language_${l}`}>{l.toUpperCase()}</label> - </> - ))} + {['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> - <legend>{t('color_theme')}</legend> - {['green', 'blue', 'black'].map(c => ( - <> - <input - key={`i_${c}`} - id={`theme_${c}`} - type="radio" - name="theme" - value={c} - defaultChecked={settings.theme === c} - onChange={() => themeChange(c)} - /> - <label key={`l_${c}`} htmlFor={`theme_${c}`} /> - </> - ))} + {['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> </> )} |