save page form finished

src/client/js/components/SavePageControls.jsx

@@ -3,10 +3,6 @@ import PropTypes from 'prop-types';
 
 import { withTranslation } from 'react-i18next';
 
-import ButtonToolbar from 'react-bootstrap/es/ButtonToolbar';
-import SplitButton from 'react-bootstrap/es/SplitButton';
-import MenuItem from 'react-bootstrap/es/MenuItem';
-
 import PageContainer from '../services/PageContainer';
 import AppContainer from '../services/AppContainer';
 import EditorContainer from '../services/EditorContainer';
@@ -99,20 +95,21 @@ class SavePageControls extends React.Component {
           )
         }
 
-        <ButtonToolbar>
-          <SplitButton
+        <div className="btn-group dropup">
+          <button
+            type="button"
             id="spl-btn-submit"
-            bsStyle="primary"
-            className="btn-submit"
-            dropup
-            pullRight
+            className="btn-submit btn btn-primary dropdown-toggle dropdown-toggle-split"
+            data-toggle="dropdown"
             onClick={this.save}
-            title={labelSubmitButton}
           >
-            <MenuItem eventKey="1" onClick={this.saveAndOverwriteScopesOfDescendants}>{labelOverwriteScopes}</MenuItem>
-            {/* <MenuItem divider /> */}
-          </SplitButton>
-        </ButtonToolbar>
+            <span className="mx-auto pr-2">{labelSubmitButton}</span>
+            <span className="sr-only">Toggle Dropdown</span>
+          </button>
+          <div className="dropdown-menu" eventKey="1">
+            {this.saveAndOverwriteScopesOfDescendants}>{labelOverwriteScopes}
+          </div>
+        </div>
       </div>
     );
   }