diff --git a/packages/bruno-app/src/components/ResponsePane/ResponseSize/index.js b/packages/bruno-app/src/components/ResponsePane/ResponseSize/index.js index b956b0813..b1cff2157 100644 --- a/packages/bruno-app/src/components/ResponsePane/ResponseSize/index.js +++ b/packages/bruno-app/src/components/ResponsePane/ResponseSize/index.js @@ -2,14 +2,20 @@ import React from 'react'; import StyledWrapper from './StyledWrapper'; const ResponseSize = ({ size }) => { + + if (!Number.isFinite(size)) { + return null; + } + let sizeToDisplay = ''; + // If size is greater than 1024 bytes, format as KB if (size > 1024) { - // size is greater than 1kb let kb = Math.floor(size / 1024); let decimal = Math.round(((size % 1024) / 1024).toFixed(2) * 100); sizeToDisplay = kb + '.' + decimal + 'KB'; } else { + // If size is less than or equal to 1024 bytes, display as bytes (B) sizeToDisplay = size + 'B'; } diff --git a/packages/bruno-app/src/components/ResponsePane/index.js b/packages/bruno-app/src/components/ResponsePane/index.js index ebacf05c5..1fb120ae9 100644 --- a/packages/bruno-app/src/components/ResponsePane/index.js +++ b/packages/bruno-app/src/components/ResponsePane/index.js @@ -48,6 +48,7 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => { }; const response = item.response || {}; + const responseSize = response.size || 0; const getTabPanel = (tab) => { switch (tab) { @@ -156,7 +157,7 @@ const ResponsePane = ({ rightPaneWidth, item, collection }) => { - + ) : null}