Merge pull request #1289 from weseek/support/apply-bst4-form-fix-InstallerForm.jsx

InstallerForm のラジオボタンBST4化Support/apply bst4 form fix installer form.jsx

src/client/js/components/InstallerForm.jsx

@@ -4,9 +4,6 @@ import PropTypes from 'prop-types';
 import i18next from 'i18next';
 import { withTranslation } from 'react-i18next';
 
-// FIXME: use native Bootstrap 4 or reactstrap
-// import Radio from 'react-bootstrap/es/Radio';
-
 class InstallerForm extends React.Component {
 
   constructor(props) {
@@ -57,24 +54,36 @@ class InstallerForm extends React.Component {
 
         <form role="form" action="/installer" method="post" id="register-form">
           <div className="form-group text-center">
-            <Radio
-              name="registerForm[app:globalLang]"
-              value="en-US"
-              checked={checkedBtn === 'en-US'}
-              inline
-              onChange={(e) => { if (e.target.checked) { this.changeLanguage('en-US') } }}
-            >
-              English
-            </Radio>
-            <Radio
-              name="registerForm[app:globalLang]"
-              value="ja"
-              checked={checkedBtn === 'ja'}
-              inline
-              onChange={(e) => { if (e.target.checked) { this.changeLanguage('ja') } }}
-            >
-              日本語
-            </Radio>
+            <div className="form-check">
+              <input
+                type="radio"
+                className="form-check-input"
+                id="register-form-check-en"
+                name="registerForm[app:globalLang]"
+                value="en-US"
+                checked={checkedBtn === 'en-US'}
+                inline
+                onChange={(e) => { if (e.target.checked) { this.changeLanguage('en-US') } }}
+              />
+              <label className="form-check-label" htmlFor="register-form-check-en">
+                English
+              </label>
+            </div>
+            <div className="form-check">
+              <input
+                type="radio"
+                className="form-check-input"
+                id="register-form-check-jp"
+                name="registerForm[app:globalLang]"
+                value="ja"
+                checked={checkedBtn === 'ja'}
+                inline
+                onChange={(e) => { if (e.target.checked) { this.changeLanguage('ja') } }}
+              />
+              <label className="form-check-label" htmlFor="register-form-check-jp">
+                日本語
+              </label>
+            </div>
           </div>
 
           <div className={`input-group${hasErrorClass}`}>