Merge branch 'performance' into main

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(
@@ -240,6 +240,8 @@ export default function ComponentMap({
                           //test feature
                           onMouseOver={handleMouseOver}
                           onMouseOut={hideTooltip}
+                          onMouseEnter={() => dispatch(onHover(node.data.rtid))}
+                          onMouseLeave={() => dispatch(onHoverExit(node.data.rtid))}
                         />
                       )}
                       {/* Display text inside of each component node */}

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,10 +155,13 @@ 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 && (
           <NavLink
             className="router-link"
@@ -164,21 +171,13 @@ const StateRoute = (props: StateRouteProps) => {
             AtomsRecoil
           </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>
   );