Merge pull request #9 from C-STYR/default

Re-ordered default component view to give preference to Performance and Map

Author: CourageWolf

src/app/components/ComponentMap.tsx

@@ -188,7 +188,7 @@ export default function ComponentMap({
                     left = node.y;
                   }
 
-                  //mousing controls
+                  //mousing controls & Tooltip display logic
                   const handleMouseOver = (event) => {
                     () => dispatch(onHover(node.data.rtid));
                     const coords = localPoint(

src/app/components/StateRoute.tsx

@@ -136,13 +136,17 @@ const StateRoute = (props: StateRouteProps) => {
   return (
     <Router>
       <div className="navbar">
-        <NavLink
+      <NavLink
           className="router-link"
           activeClassName="is-active"
-          exact
-          to="/"
+          exact to="/"
         >
-          Tree
+          Performance
+        </NavLink>
+        <NavLink className="router-link" 
+        activeClassName="is-active" 
+        to="/map">
+          Map
         </NavLink>
         <NavLink
           className="router-link"
@@ -151,8 +155,12 @@ const StateRoute = (props: StateRouteProps) => {
         >
           History
         </NavLink>
-        <NavLink className="router-link" activeClassName="is-active" to="/map">
-          Map
+        <NavLink
+          className="router-link"
+          activeClassName="is-active"
+          to="/tree"
+        >
+          Tree
         </NavLink>
 
         {isRecoil && (
@@ -165,20 +173,13 @@ const StateRoute = (props: StateRouteProps) => {
           </NavLink>
         )}
 
-        <NavLink
-          className="router-link"
-          activeClassName="is-active"
-          to="/performance"
-        >
-          Performance
-        </NavLink>
       </div>
       <Switch>
         <Route path="/map" render={renderComponentMap} />
         <Route path="/history" render={renderHistory} />
         <Route path="/relationship" render={renderAtomsRelationship} />
-        <Route path="/performance" render={renderPerfView} />
-        <Route path="/" render={renderTree} />
+        <Route path="/tree" render={renderTree} />
+        <Route path="/" render={renderPerfView} />
       </Switch>
     </Router>
   );