Render Admin Rebuild Search

src/client/js/app.js

@@ -205,7 +205,7 @@ const adminFullTextSearchManagementElem = document.getElementById('admin-full-te
 if (adminFullTextSearchManagementElem != null) {
 
   ReactDOM.render(
-    <Provider inject={[appContainer]}>
+    <Provider inject={[appContainer, websocketContainer, pageContainer]}>
       <I18nextProvider i18n={i18n}>
         <FullTextSearchManagement />
       </I18nextProvider>

src/client/js/components/Admin/AdminRebuildSearch.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import { createSubscribedElement } from '../UnstatedUtils';
-import WebsocketContainer from '../../services/AppContainer';
+import WebsocketContainer from '../../services/WebsocketContainer';
 
 class AdminRebuildSearch extends React.Component {
 
@@ -18,7 +18,7 @@ class AdminRebuildSearch extends React.Component {
   }
 
   componentDidMount() {
-    const socket = this.props.webspcketContainer.getWebSocket();
+    const socket = this.props.websocketContainer.getWebSocket();
 
     socket.on('admin:addPageProgress', (data) => {
       const newStates = Object.assign(data, { isCompleted: false });
@@ -49,9 +49,9 @@ class AdminRebuildSearch extends React.Component {
       <div>
         <h5>
           {progressBarLabel}
-          <span className="pull-right">{progressBarWidth}</span>
+          <span className="pull-right mr-3">{progressBarWidth}</span>
         </h5>
-        <div className="progress progress-sm">
+        <div className="progress progress-sm mr-3">
           <div
             className={progressBarClassNames}
             role="progressbar"
@@ -76,7 +76,7 @@ const AdminRebuildSearchWrapper = (props) => {
 };
 
 AdminRebuildSearch.propTypes = {
-  webspcketContainer: PropTypes.instanceOf(WebsocketContainer).isRequired,
+  websocketContainer: PropTypes.instanceOf(WebsocketContainer).isRequired,
 };
 
 export default AdminRebuildSearchWrapper;

src/client/js/components/Admin/FullTextSearchManagement/FullTextSearchPage.jsx

@@ -2,6 +2,7 @@ import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { withTranslation } from 'react-i18next';
 
+import AdminRebuildSearch from '../AdminRebuildSearch';
 import AppContainer from '../../../services/AppContainer';
 
 import { createSubscribedElement } from '../../UnstatedUtils';
@@ -54,6 +55,8 @@ class FullTextSearchManagement extends React.Component {
             </div>
           </div>
         </fieldset>
+
+        <AdminRebuildSearch />
       </Fragment>
     );
   }