Changed settings for default component display and re-ordered navlink components

>
>
Co-authored-by: kev-ngo <[email protected]>
Co-authored-by: CourageWolf <[email protected]>
Co-authored-by: DennisLpz <[email protected]>
Co-authored-by: demircaner <[email protected]>

Author: C-STYR

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(event.target.ownerSVGElement, event);

src/app/components/StateRoute.tsx

@@ -136,13 +136,15 @@ const StateRoute = (props: StateRouteProps) => {
   return (
     <Router>
       <div className="navbar">
-        <NavLink
+      <NavLink
           className="router-link"
           activeClassName="is-active"
-          exact
           to="/"
         >
-          Tree
+          Performance
+        </NavLink>
+        <NavLink className="router-link" activeClassName="is-active" to="/map">
+          Map
         </NavLink>
         <NavLink
           className="router-link"
@@ -151,8 +153,13 @@ const StateRoute = (props: StateRouteProps) => {
         >
           History
         </NavLink>
-        <NavLink className="router-link" activeClassName="is-active" to="/map">
-          Map
+        <NavLink
+          className="router-link"
+          activeClassName="is-active"
+          exact
+          to="/tree"
+        >
+          Tree
         </NavLink>
 
         {isRecoil && (
@@ -165,20 +172,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="/" render={renderPerfView} />
+        <Route path="/tree" render={renderTree} />
       </Switch>
     </Router>
   );