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,