Merge pull request #12 from C-STYR/latest

Latest

Author: CourageWolf

src/app/components/BarGraph.tsx

@@ -213,10 +213,11 @@ const BarGraph = (props) => {
           fontSize={12}
           fill="#FFFFFF"
         >
-          Rendering Time (ms)
+         Rendering Time (ms)
         </Text>
-        <Text x={xMax / 2} y={yMax + 65} fontSize={12} fill="#FFFFFF">
-          Snapshot Id
+        <br/>
+        <Text x={(xMax / 2) + 15} y={yMax + 70} fontSize={12} fill="#FFFFFF">
+         Snapshot ID
         </Text>
       </svg>
       {/* FOR HOVER OVER DISPLAY */}

src/app/components/ComponentMap.tsx

@@ -71,7 +71,7 @@ export default function ComponentMap({
 
   // setting the margins for the Map to render in the tab window.
   const innerWidth = totalWidth - margin.left - margin.right;
-  const innerHeight = totalHeight - margin.top - margin.bottom;
+  const innerHeight = totalHeight - margin.top - margin.bottom - 60;
 
   let origin: { x: number; y: number };
   let sizeWidth: number;

src/app/components/StateRoute.tsx

@@ -136,18 +136,18 @@ const StateRoute = (props: StateRouteProps) => {
   return (
     <Router>
       <div className="navbar">
-      <NavLink
+        <NavLink className="router-link" 
+        activeClassName="is-active" 
+        exact to="/">
+          Map
+        </NavLink>
+        <NavLink
           className="router-link"
           activeClassName="is-active"
-          exact to="/"
+          to="/performance"
         >
           Performance
         </NavLink>
-        <NavLink className="router-link" 
-        activeClassName="is-active" 
-        to="/map">
-          Map
-        </NavLink>
         <NavLink
           className="router-link"
           activeClassName="is-active"
@@ -173,11 +173,11 @@ const StateRoute = (props: StateRouteProps) => {
         )}
       </div>
       <Switch>
-        <Route path="/map" render={renderComponentMap} />
+        <Route path="/performance" render={renderPerfView} />
         <Route path="/history" render={renderHistory} />
         <Route path="/relationship" render={renderAtomsRelationship} />
         <Route path="/tree" render={renderTree} />
-        <Route path="/" render={renderPerfView} />
+        <Route path="/" render={renderComponentMap} />
       </Switch>
     </Router>
   );

src/extension/build/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "Reactime",
-  "version": "7.0.0",
+  "version": "8.0.0",
   "devtools_page": "devtools.html",
   "description": "A Chrome extension that helps debug React applications by memorizing the state of components with every render.",
   "manifest_version": 2,