Re-enabling auto code generation, starting to rename component files …

…to PascalCase

frontend/src/App.js

@@ -5,11 +5,7 @@ import { connect } from 'react-redux';
 import { history } from './store';
 import { SET as SET_LAST_LOCATION } from './last-location-actions';
 import Content from './Content';
-import {
-  PageHeader,
-  PageFooter,
-  TopScrollObserver
-} from './components';
+import { PageHeader, PageFooter, TopScrollObserver } from './components';
 import './App.css';
 
 //------------------------------------------------------------

frontend/src/Content.css

@@ -2,7 +2,7 @@
   display: grid;
   align-content: flex-start;
 
-  grid-template-columns: 1fr 1fr 81fr 1fr;
+  grid-template-columns: 2fr 2fr 78fr 2fr;
 }
 
 .left-body-container {
@@ -56,32 +56,32 @@ main {
 
 /* 1. Help expanded */
 .app-content.help-expanded {
-  grid-template-columns: 1fr 1fr 70fr 12fr;
+  grid-template-columns: 2fr 2fr 68fr 12fr;
 }
 
 /* 2. Status expanded */
 .app-content.status-expanded {
-  grid-template-columns: 1fr 12fr 70fr 1fr;
+  grid-template-columns: 2fr 12fr 68fr 2fr;
 }
 
 /* 3. Status and help expanded */
 .app-content.status-expanded.help-expanded {
-  grid-template-columns: 1fr 12fr 59fr 12fr;
+  grid-template-columns: 2fr 12fr 58fr 12fr;
 }
 
 /* 4. Only menu expanded */
 .app-content.menu-expanded {
-  grid-template-columns: 6fr 1fr 76fr 1fr;
+  grid-template-columns: 6fr 2fr 74fr 2fr;
 }
 
 /* 5. Menu and help expanded */
 .app-content.menu-expanded.help-expanded {
-  grid-template-columns: 6fr 1fr 65fr 12fr;
+  grid-template-columns: 6fr 2fr 64fr 12fr;
 }
 
 /* 6. Menu and status expanded */
 .app-content.menu-expanded.status-expanded {
-  grid-template-columns: 6fr 12fr 65fr 1fr;
+  grid-template-columns: 6fr 12fr 64fr 2fr;
 }
 
 /* 7. Everything expanded expanded */

frontend/src/Content.js

@@ -13,17 +13,9 @@ import { other_menu } from './pages/other';
 import { settings_menu } from './pages/settings';
 import { support_menu } from './pages/support';
 
-import {
-  STATUS_TOGGLE,
-  HELP_TOGGLE
-} from './components/panels/side-panel-actions';
+import { STATUS_TOGGLE, HELP_TOGGLE } from './components/panels/side-panel-actions';
 import { MAIN_MENU_TOGGLE } from './components/menus/main-menu/reducer';
-import {
-  MainMenu,
-  StatusPanel,
-  HelpPanel,
-  PageHelp
-} from './components';
+import { MainMenu, StatusPanel, HelpPanel, PageHelp } from './components';
 import Routes from './routes';
 import './Content.css';
 
@@ -44,20 +36,13 @@ const toggleHelp = () => ({ type: HELP_TOGGLE });
 const toggleMainMenu = () => ({ type: MAIN_MENU_TOGGLE });
 
 export function Content(props) {
-  const {
-    isStatusExpanded,
-    isHelpExpanded,
-    isMainMenuExpanded,
-    toggleStatus,
-    toggleHelp,
-    toggleMainMenu
-  } = props;
+  const { isStatusExpanded, isHelpExpanded, isMainMenuExpanded, toggleStatus, toggleHelp, toggleMainMenu } = props;
 
   const classNames = [
     'app-content',
     isMainMenuExpanded ? 'menu-expanded' : '',
     isStatusExpanded ? 'status-expanded' : '',
-    isHelpExpanded ? 'help-expanded': ''
+    isHelpExpanded ? 'help-expanded' : ''
   ].join(' ');
 
   return (
@@ -66,11 +51,7 @@ export function Content(props) {
       <StatusPanel isExpanded={isStatusExpanded} toggle={toggleStatus} />
       <main>
         {Routes.map((route, index) => (
-            <Route
-                key={index}
-                render={route.component}
-                exact={route.exact}
-                path={route.path} />
+          <Route key={index} render={route.component} exact={route.exact} path={route.path} />
         ))}
       </main>
       <HelpPanel isExpanded={isHelpExpanded} toggle={toggleHelp}>

frontend/src/components/PageHelp.js

@@ -20,6 +20,15 @@ const helpToPage = new Map([
           </span>
       ),
   ],
+  [
+    'caches',
+      () => (
+          <span>
+            TrueBlocks Caches greatly speed up access to the Ethereum data; however, they take up a lot of space on your
+            hard drive, so you have to keep any eye on them. Clean them out periodically so they dont get too big.
+          </span>
+      ),
+  ],
   [
     'explore',
       () => (
@@ -41,36 +50,28 @@ const helpToPage = new Map([
       ),
   ],
   [
-    'signatures',
-      () => (
-          <span>
-            TrueBlocks Signatures greatly speed up access to the Ethereum data; however, they take up a lot of space on your
-            hard drive, so you have to keep any eye on them. Clean them out periodically so they dont get too big.
-          </span>
-      ),
-  ],
-  [
-    'caches',
+    'other',
       () => (
           <span>
-            TrueBlocks Caches greatly speed up access to the Ethereum data; however, they take up a lot of space on your
-            hard drive, so you have to keep any eye on them. Clean them out periodically so they dont get too big.
+            The Other panel allows you to configure various other items related to TrueBlocks. This panel allows for many
+            things including some other stuff.
           </span>
       ),
   ],
   [
-    'other',
+    'settings',
       () => (
           <span>
-            The Other panel allows you to configure various other items related to TrueBlocks. This panel allows for many things including some other stuff.
+            Monitors are per-address index caches that enable fast retreival of appearance histories for any account.
           </span>
       ),
   ],
   [
-    'settings',
+    'signatures',
       () => (
           <span>
-            Monitors are per-address index caches that enable fast retreival of appearance histories for any account.
+            TrueBlocks Signatures greatly speed up access to the Ethereum data; however, they take up a lot of space on your
+            hard drive, so you have to keep any eye on them. Clean them out periodically so they dont get too big.
           </span>
       ),
   ],
@@ -83,10 +84,6 @@ const helpToPage = new Map([
           </span>
       ),
   ],
-  [
-    'dashboard',
-    () => (<span></span>),
-  ],
 ]);
 
 // Dashboard and root share the same help

frontend/src/components/data-tables/object-data-table.jsx

@@ -44,7 +44,6 @@ export class ObjectTable extends React.Component {
 
     return (
       <Fragment>
-        <h4>{'Table: '}</h4>
         <div className={'object_table ' + this.props.subpage}>
           <div className="object_table_header">
             <div className="object_table_header_item">{this.props.type}</div>

frontend/src/components/menus/main-menu/menu-item.jsx → frontend/src/components/menus/main-menu/MenuItem.jsx

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import { NavLink } from 'react-router-dom';
-import SubMenuItem from './submenu-item';
+import SubmenuItem from './SubmenuItem';
 import Chevron from './chevron';
 
 export default function MenuItem({ id, active: mainMenuActive, page, items, onClick }) {
@@ -12,7 +12,7 @@ export default function MenuItem({ id, active: mainMenuActive, page, items, onCl
     if (!hasSubMenu || !mainMenuActive) return null;
     return items.map((item, index) => {
       if (item.subpage.includes('-') || item.subpage === 'dashboard') return null;
-      return <SubMenuItem key={index} page={page} item={item} />;
+      return <SubmenuItem key={index} page={page} item={item} />;
     });
   })();
 

frontend/src/components/menus/main-menu/submenu-item.jsx → frontend/src/components/menus/main-menu/SubMenuItem.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { NavLink } from 'react-router-dom';
 
-function SubMenuItem({ item, page, onClick }) {
+function SubmenuItem({ item, page, onClick }) {
   const to = `/${page}/${item.subpage.replace(' ', '_')}/${item.route}+${item.query}`;
   return (
     <NavLink className="submenu-item" activeClassName="is-active" to={to}>
@@ -10,4 +10,4 @@ function SubMenuItem({ item, page, onClick }) {
   );
 }
 
-export default SubMenuItem;
+export default SubmenuItem;

frontend/src/components/menus/main-menu/main-menu.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import { ExpandShrinkIcon } from '../../';
-import MenuItem from './menu-item';
+import MenuItem from './MenuItem';
 import './main-menu.css';
 
 /**

frontend/src/pages/addresses/index.js

@@ -16,4 +16,4 @@ class Addresses extends React.Component {
   };
 }
 export default Addresses;
-export { dispatcher_Addresses, addresses_menu };
+export { dispatcher_Addresses, addresses_menu };

frontend/src/pages/caches/index.js

@@ -16,4 +16,4 @@ class Caches extends React.Component {
   };
 }
 export default Caches;
-export { dispatcher_Caches, caches_menu };
+export { dispatcher_Caches, caches_menu };

frontend/src/pages/dashboard/index.js

@@ -16,4 +16,4 @@ class Dashboard extends React.Component {
   };
 }
 export default Dashboard;
-export { dispatcher_Dashboard, dashboard_menu };
+export { dispatcher_Dashboard, dashboard_menu };

frontend/src/pages/explore/index.js

@@ -16,4 +16,4 @@ class Explore extends React.Component {
   };
 }
 export default Explore;
-export { dispatcher_Explore, explore_menu };
+export { dispatcher_Explore, explore_menu };

frontend/src/pages/indicies/index.js

@@ -16,4 +16,4 @@ class Indicies extends React.Component {
   };
 }
 export default Indicies;
-export { dispatcher_Indicies, indicies_menu };
+export { dispatcher_Indicies, indicies_menu };

frontend/src/pages/other/index.js

@@ -16,4 +16,4 @@ class Other extends React.Component {
   };
 }
 export default Other;
-export { dispatcher_Other, other_menu };
+export { dispatcher_Other, other_menu };

frontend/src/pages/settings/index.js

@@ -16,4 +16,4 @@ class Settings extends React.Component {
   };
 }
 export default Settings;
-export { dispatcher_Settings, settings_menu };
+export { dispatcher_Settings, settings_menu };

frontend/src/pages/signatures/index.js

@@ -16,4 +16,4 @@ class Signatures extends React.Component {
   };
 }
 export default Signatures;
-export { dispatcher_Signatures, signatures_menu };
+export { dispatcher_Signatures, signatures_menu };

frontend/src/pages/support/index.js

@@ -16,4 +16,4 @@ class Support extends React.Component {
   };
 }
 export default Support;
-export { dispatcher_Support, support_menu };
+export { dispatcher_Support, support_menu };

frontend/src/pages/templates/blank-app.js

@@ -1,14 +1,13 @@
 import React, { Fragment } from 'react';
-import { Route, Redirect } from 'react-router-dom';
+import { Redirect } from 'react-router-dom';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { history } from './store';
 import { SET as SET_LAST_LOCATION } from './last-location-actions';
-import { MainMenu, PageHeader, PageFooter, TopScrollObserver } from './components';
+import Content from './Content';
+import { PageHeader, PageFooter, TopScrollObserver } from './components';
 import './App.css';
 
-//------------------------------------------------------------
-[{IMPORTS}]
 //------------------------------------------------------------
 const setLastLocation = (lastLocation) => ({ type: SET_LAST_LOCATION, lastLocation });
 
@@ -54,7 +53,7 @@ class App extends React.Component {
         <TopScrollObserver onTopScroll={this.onTopScroll} />
         <div className="page-container">
           <PageHeader small={this.state.smallHeader} />
-          <Body />
+          <Content />
           <PageFooter />
         </div>
       </Fragment>
@@ -63,22 +62,6 @@ class App extends React.Component {
 }
 
 //------------------------------------------------------------
-class Body extends React.Component {
-  render = () => {
-    return (
-      <div className="body-item">
-        <MainMenu mainMenu={mainMenu} />
-        <div className="right-body-container">
-[{ROUTES}]          <Route component={Dashboard} path="/dashboard/:subpage/:query?" />
-        </div>
-      </div>
-    );
-  };
-}
-
-//------------------------------------------------------------
-var mainMenu = [];
-[{NAVLINKS}]
 const mapStateToProps = ({ reducer_LastLocation, router }) => ({
   lastLocation: reducer_LastLocation.lastLocation,
   currentLocation: router.location