use entry.connection as index

Author: yuyi-sl

src/Components/Actions/ResetButton.jsx

@@ -9,6 +9,7 @@ const ResetButton = () => {
   const { actions, callbacks } = useNetwork();
 
   const handleReset = () => {
+    window.history.pushState({}, document.title, '/');
     actions.resetState();
     callbacks.onReset();
   };

src/styles/variables.scss

@@ -105,7 +105,7 @@ $size-xxxl: $size-base * 11; // 44px;
 
 // width/height of container
 $name-col-width: 300px;
-$filters-container-height: 102px;
+$filters-container-height: 84px;
 $timeline-height: 100px;
 $footer-height: 34px;
 

src/utils.js

@@ -184,8 +184,7 @@ export const prepareViewerData = (entries) => {
       const lastTimeOfEntry = getTotalTimeOfEntry(entry);
       endTime = endTime < lastTimeOfEntry ? lastTimeOfEntry : endTime;
       return {
-        index,
-        connection: entry.connection,
+        index: +entry.connection || index,
         status: entry.response.status,
         method: entry.request.method,
         size: parseSize(entry.response),