comment outed react-boot-strap

package.json

@@ -112,6 +112,7 @@
     "md5": "^2.2.1",
     "method-override": "^3.0.0",
     "migrate-mongo": "^7.0.1",
+    "mini-css-extract-plugin": "^0.9.0",
     "mkdirp": "~0.5.1",
     "module-alias": "^2.0.6",
     "mongoose": "5.4.4",

src/client/js/components/Admin/ImportData/GrowiArchive/ErrorViewer.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { withTranslation } from 'react-i18next';
-import Modal from 'react-bootstrap/es/Modal';
+/* import Modal from 'react-bootstrap/es/Modal'; */
 
 import { createSubscribedElement } from '../../../UnstatedUtils';
 
@@ -9,7 +9,7 @@ import { createSubscribedElement } from '../../../UnstatedUtils';
 class ErrorViewer extends React.Component {
 
   render() {
-    const { errors } = this.props;
+    /* const { errors } = this.props;
 
     let value = '(no errors)';
     if (errors != null && errors.length > 0) {
@@ -17,9 +17,9 @@ class ErrorViewer extends React.Component {
         return JSON.stringify(obj);
       });
       value = lines.join('\n');
-    }
+    } */
 
-    return (
+    return; /* (
       <Modal show={this.props.isOpen} onHide={this.props.onClose}>
         <Modal.Header closeButton className="bg-danger">
           <Modal.Title className="text-white">Errors</Modal.Title>
@@ -28,7 +28,7 @@ class ErrorViewer extends React.Component {
           <textarea className="form-control" rows="8" readOnly wrap="off" defaultValue={value}></textarea>
         </Modal.Body>
       </Modal>
-    );
+    ); */
   }
 
 }

src/client/js/components/Admin/ImportData/GrowiArchive/ImportCollectionConfigurationModal.jsx

@@ -3,7 +3,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { withTranslation } from 'react-i18next';
-import Modal from 'react-bootstrap/es/Modal';
+/* import Modal from 'react-bootstrap/es/Modal'; */
 
 import GrowiArchiveImportOption from '@commons/models/admin/growi-archive-import-option';
 
@@ -172,7 +172,7 @@ class ImportCollectionConfigurationModal extends React.Component {
   }
 
   render() {
-    const { t, collectionName } = this.props;
+    /* const { t, collectionName } = this.props;
     const { option } = this.state;
 
     let contents = null;
@@ -185,10 +185,10 @@ class ImportCollectionConfigurationModal extends React.Component {
           contents = this.renderRevisionsContents();
           break;
       }
-    }
+    } */
 
-    return (
-      <Modal show={this.props.isOpen} onHide={this.props.onClose} onEnter={this.initialize}>
+    return;
+    /* <Modal show={this.props.isOpen} onHide={this.props.onClose} onEnter={this.initialize}>
         <Modal.Header closeButton>
           <Modal.Title>{`'${collectionName}'`} Configuration</Modal.Title>
         </Modal.Header>
@@ -202,7 +202,7 @@ class ImportCollectionConfigurationModal extends React.Component {
           <button type="button" className="btn btn-sm btn-primary" onClick={this.updateOption}>{t('Update')}</button>
         </Modal.Footer>
       </Modal>
-    );
+    ); */
   }
 
 }

src/client/js/components/Admin/ImportData/GrowiArchive/ImportCollectionItem.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 // eslint-disable-next-line no-unused-vars
 import { withTranslation } from 'react-i18next';
 
-import ProgressBar from 'react-bootstrap/es/ProgressBar';
+/* import ProgressBar from 'react-bootstrap/es/ProgressBar'; */
 
 import GrowiArchiveImportOption from '@commons/models/admin/growi-archive-import-option';
 
@@ -158,21 +158,21 @@ export default class ImportCollectionItem extends React.Component {
     );
   }
 
-  renderProgressBar() {
+  /* renderProgressBar() {
     const {
       isImporting, insertedCount, modifiedCount, errorsCount,
     } = this.props;
 
     const total = insertedCount + modifiedCount + errorsCount;
 
-    return (
+    return(
       <ProgressBar className="mb-0">
         <ProgressBar max={total} striped={isImporting} active={isImporting} now={insertedCount} bsStyle="info" />
         <ProgressBar max={total} striped={isImporting} active={isImporting} now={modifiedCount} bsStyle="success" />
         <ProgressBar max={total} striped={isImporting} active={isImporting} now={errorsCount} bsStyle="danger" />
       </ProgressBar>
     );
-  }
+  } */
 
   renderBody() {
     const { isImporting, isImported } = this.props;