refactor OptionsSelector for PageEditor

resource/js/app.js

@@ -8,8 +8,8 @@ import GrowiRenderer from './util/GrowiRenderer';
 import HeaderSearchBox  from './components/HeaderSearchBox';
 import SearchPage       from './components/SearchPage';
 import PageEditor       from './components/PageEditor';
-import EditorOptionsSelector from './components/PageEditor/EditorOptionsSelector';
-import { EditorOptions, PreviewOptions } from './components/PageEditor/EditorOptionsSelector';
+import OptionsSelector  from './components/PageEditor/OptionsSelector';
+import { EditorOptions, PreviewOptions } from './components/PageEditor/OptionsSelector';
 import PageListSearch   from './components/PageListSearch';
 import PageHistory      from './components/PageHistory';
 import PageComments     from './components/PageComments';
@@ -133,16 +133,16 @@ if (pageEditorElem) {
   crowi.setPageEditor(pageEditor);
 }
 // render EditorOptionsSelector
-const editorOptionSelectorElem = document.getElementById('page-editor-options-selector');
-if (editorOptionSelectorElem) {
+const pageEditorOptionsSelectorElem = document.getElementById('page-editor-options-selector');
+if (pageEditorOptionsSelectorElem) {
   const editorOptions = new EditorOptions(crowi.editorOptions);
   ReactDOM.render(
-    <EditorOptionsSelector editorOptions={editorOptions}
+    <OptionsSelector editorOptions={editorOptions}
         onChange={(newEditorOptions, newPreviewOptions) => { // set onChange event handler
           pageEditor.setEditorOptions(newEditorOptions);
           crowi.saveEditorOptions(newEditorOptions);
         }} />,
-    editorOptionSelectorElem
+    pageEditorOptionsSelectorElem
   );
 }
 

resource/js/components/PageEditor.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import * as toastr from 'toastr';
 import { throttle, debounce } from 'throttle-debounce';
 
-import { EditorOptions } from './PageEditor/EditorOptionsSelector';
+import { EditorOptions } from './PageEditor/OptionsSelector';
 import Editor from './PageEditor/Editor';
 import Preview from './PageEditor/Preview';
 

resource/js/components/PageEditor/EditorOptionsSelector.js → resource/js/components/PageEditor/OptionsSelector.js

@@ -23,7 +23,7 @@ export class PreviewOptions {
   }
 }
 
-export default class EditorOptionsSelector extends React.Component {
+export default class OptionsSelector extends React.Component {
 
   constructor(props) {
     super(props);
@@ -110,7 +110,7 @@ export default class EditorOptionsSelector extends React.Component {
   }
 }
 
-EditorOptionsSelector.propTypes = {
+OptionsSelector.propTypes = {
   editorOptions: PropTypes.instanceOf(EditorOptions),
   previewOptions: PropTypes.instanceOf(PreviewOptions),
   onChange: PropTypes.func,