diff --git a/packages/bruno-app/src/components/ResponsePane/Overlay/index.js b/packages/bruno-app/src/components/ResponsePane/Overlay/index.js
index e5f65986..247c341e 100644
--- a/packages/bruno-app/src/components/ResponsePane/Overlay/index.js
+++ b/packages/bruno-app/src/components/ResponsePane/Overlay/index.js
@@ -17,7 +17,7 @@ const ResponseLoadingOverlay = ({ item, collection }) => {
diff --git a/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/StyledWrapper.js b/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/StyledWrapper.js
index d9dfe622..bdb62e84 100644
--- a/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/StyledWrapper.js
+++ b/packages/bruno-app/src/components/Sidebar/Collections/Collection/CollectionItem/RequestMethod/StyledWrapper.js
@@ -6,6 +6,7 @@ const Wrapper = styled.div`
align-self: stretch;
align-items: center;
min-width: 34px;
+ flex-shrink: 0;
span {
position: relative;
diff --git a/packages/bruno-app/src/components/StopWatch/index.js b/packages/bruno-app/src/components/StopWatch/index.js
index 49bd8c17..e2b06953 100644
--- a/packages/bruno-app/src/components/StopWatch/index.js
+++ b/packages/bruno-app/src/components/StopWatch/index.js
@@ -1,6 +1,6 @@
import React, { useState, useEffect } from 'react';
-const StopWatch = () => {
+const StopWatch = ({ requestTimestamp }) => {
const [milliseconds, setMilliseconds] = useState(0);
const tickInterval = 200;
@@ -15,6 +15,10 @@ const StopWatch = () => {
};
});
+ useEffect(() => {
+ setMilliseconds(Date.now() - requestTimestamp);
+ }, [requestTimestamp]);
+
if (milliseconds < 1000) {
return 'Loading...';
}
diff --git a/packages/bruno-electron/src/ipc/network/index.js b/packages/bruno-electron/src/ipc/network/index.js
index 1def8d96..8e8cb624 100644
--- a/packages/bruno-electron/src/ipc/network/index.js
+++ b/packages/bruno-electron/src/ipc/network/index.js
@@ -195,7 +195,8 @@ const registerNetworkIpc = (mainWindow) => {
url: request.url,
method: request.method,
headers: request.headers,
- data: safeParseJSON(safeStringifyJSON(request.data))
+ data: safeParseJSON(safeStringifyJSON(request.data)),
+ timestamp: Date.now()
},
collectionUid,
itemUid: item.uid,