reneme component

src/client/js/components/PageEditor/HandsontableModal.jsx

@@ -8,7 +8,7 @@ import Handsontable from 'handsontable';
 import { HotTable } from '@handsontable/react';
 import { debounce } from 'throttle-debounce';
 
-import TableDataImportForm from './TableDataImportForm';
+import MarkdownTableDataImportForm from './MarkdownTableDataImportForm';
 import MarkdownTable from '../../models/MarkdownTable';
 
 const DEFAULT_HOT_HEIGHT = 300;
@@ -308,7 +308,7 @@ export default class HandsontableModal extends React.PureComponent {
             </ButtonGroup>
             <Collapse in={this.state.isDataImportAreaExpanded}>
               <div> {/* This div is necessary for smoothing animations. (https://react-bootstrap.github.io/utilities/transitions/#transitions-collapse) */}
-                <TableDataImportForm onCancel={this.toggleDataImportArea} onImport={this.importData}/>
+                <MarkdownTableDataImportForm onCancel={this.toggleDataImportArea} onImport={this.importData}/>
               </div>
             </Collapse>
           </div>

src/client/js/components/PageEditor/TableDataImportForm.jsx → src/client/js/components/PageEditor/MarkdownTableDataImportForm.jsx

@@ -7,7 +7,7 @@ import Button from 'react-bootstrap/es/Button';
 import MarkdownTable from '../../models/MarkdownTable';
 import Collapse from 'react-bootstrap/es/Collapse';
 
-export default class TableDataImportForm extends React.Component {
+export default class MarkdownTableDataImportForm extends React.Component {
 
   constructor(props) {
     super(props);
@@ -79,7 +79,7 @@ export default class TableDataImportForm extends React.Component {
   }
 }
 
-TableDataImportForm.propTypes = {
+MarkdownTableDataImportForm.propTypes = {
   onCancel: PropTypes.func,
   onImport: PropTypes.func
 };