refactor - clarify store-connected imports (containers) vs unconnected (components)

src/components/EntityDetail.jsx

@@ -27,10 +27,10 @@ import {
 import type { BeatObject } from '@helpers/beat';
 import ValidSchemaBadge from './ValidSchemaBadge.jsx';
 
-import DataformatEditor from './DataformatEditor.jsx';
-import AlgorithmEditor from './AlgorithmEditor.jsx';
-import LibraryEditor from './LibraryEditor.jsx';
-import DatabaseEditor from './DatabaseEditor.jsx';
+import DataformatEditorContainer from './DataformatEditor.jsx';
+import AlgorithmEditorContainer from './AlgorithmEditor.jsx';
+import LibraryEditorContainer from './LibraryEditor.jsx';
+import DatabaseEditorContainer from './DatabaseEditor.jsx';
 
 type Props = {
 	match: any,
@@ -113,28 +113,28 @@ export class EntityDetail extends React.Component<Props, State> {
 							<TabPane tabId='0'>
 								{
 									this.props.match.params.entity === 'algorithm' &&
-										<AlgorithmEditor
+										<AlgorithmEditorContainer
 											data={this.props.getEntityObject()}
 											saveFunc={this.saveChanges}
 										/>
 								}
 								{
 									this.props.match.params.entity === 'dataformat' &&
-										<DataformatEditor
+										<DataformatEditorContainer
 											data={this.props.getEntityObject()}
 											saveFunc={this.saveChanges}
 										/>
 								}
 								{
 									this.props.match.params.entity === 'library' &&
-										<LibraryEditor
+										<LibraryEditorContainer
 											data={this.props.getEntityObject()}
 											saveFunc={this.saveChanges}
 										/>
 								}
 								{
 									this.props.match.params.entity === 'database' &&
-										<DatabaseEditor
+										<DatabaseEditorContainer
 											data={this.props.getEntityObject()}
 											saveFunc={this.saveChanges}
 										/>

src/components/EntityHome.jsx

@@ -21,9 +21,9 @@ import {
 import type { BeatEntity } from '@helpers/beat.js';
 import { pluralize } from '@helpers/beat.js';
 
-import EntityList from './EntityList.jsx';
+import EntityListContainer from './EntityList.jsx';
 import NewEntityModal from './NewEntityModal.jsx';
-import EntityDetail from './EntityDetail.jsx';
+import EntityDetailContainer from './EntityDetail.jsx';
 
 type Props = {
 	entity: BeatEntity,
@@ -47,7 +47,7 @@ class EntityHome extends React.Component<Props, State> {
 	render () {
 		return (
 			<Switch>
-				<Route exact path={'/:entity/:name+'} component={EntityDetail} />
+				<Route exact path={'/:entity/:name+'} component={EntityDetailContainer} />
 				<Route>
 					<Container>
 						<Row className='mb-3'>
@@ -67,7 +67,7 @@ class EntityHome extends React.Component<Props, State> {
 						</Row>
 						<Row>
 							<Col>
-								<EntityList entity={this.props.entity} />
+								<EntityListContainer entity={this.props.entity} />
 							</Col>
 						</Row>
 					</Container>