Merge pull request #123 from swagger-api/refactor/scss-1

refactor(editor): rename scss index files to _all

Author: tim-lai

src/index.scss renamed to src/_all.scss

@@ -1,15 +1,9 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 
-/* eslint-disable import/no-extraneous-dependencies */
-// import SwaggerUI from 'swagger-ui-react';
 import 'swagger-ui-react/swagger-ui.css';
-// eslint-disable-next-line import/order
-// import HelloWorker from './hello.worker';
-/* eslint-enable */
 
-// import GenericEditorPlugin from './plugin';
-import './index.scss';
+import './_all.scss';
 // import reportWebVitals from './reportWebVitals';
 
 // ReactDOM.render(
@@ -23,7 +17,6 @@ import './index.scss';
 //   document.getElementById('root')
 // );
 
-// import App from './AppAsFunc';
 import App from './App';
 
 ReactDOM.render(<App />, document.getElementById('root'));
@@ -32,24 +25,3 @@ ReactDOM.render(<App />, document.getElementById('root'));
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
 // reportWebVitals();
-
-// sample from: https://github.com/facebook/create-react-app/pull/3934
-// const helloWorker = new HelloWorker();
-// let messageCount = 0;
-
-// helloWorker.postMessage({ run: true });
-
-// helloWorker.onmessage = (event) => {
-//   if (event.data.status) {
-//     console.log('STATUS', event.data.status);
-//   }
-
-//   if (event.data.message) {
-//     messageCount += 1;
-//     console.log('MESSAGE', event.data.message);
-
-//     if (messageCount >= 5) {
-//       helloWorker.postMessage({ run: false });
-//     }
-//   }
-// };

src/index.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import '../style.main.scss';
+import './_all.scss';
 
 export default function IdeLayout(props) {
   const { getComponent } = props;

src/plugins/ideLayout/components/IdeLayout.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ReactModal from 'react-modal';
 
-import './style.main.scss';
+import './_all.scss';
 import EditMenuDropdownHooks from './EditMenuDropdownHooks'; // getComponent incompatible with React hooks (due to nested functions?)
 import FileMenuDropdownHooks from './FileMenuDropdownHooks'; // getComponent incompatible with React hooks (due to nested functions?)