diff --git a/frontend/app/components/shared/FetchDetailsModal/components/FetchBasicDetails/FetchBasicDetails.tsx b/frontend/app/components/shared/FetchDetailsModal/components/FetchBasicDetails/FetchBasicDetails.tsx index 57e750e00..bb21965ff 100644 --- a/frontend/app/components/shared/FetchDetailsModal/components/FetchBasicDetails/FetchBasicDetails.tsx +++ b/frontend/app/components/shared/FetchDetailsModal/components/FetchBasicDetails/FetchBasicDetails.tsx @@ -1,13 +1,14 @@ import React, { useMemo } from 'react'; import { formatBytes } from 'App/utils'; import CopyText from 'Shared/CopyText'; -import {Tag} from 'antd'; +import { Tag } from 'antd'; import cn from 'classnames'; interface Props { resource: any; timestamp?: string; } + function FetchBasicDetails({ resource, timestamp }: Props) { const _duration = parseInt(resource.duration); const text = useMemo(() => { @@ -22,14 +23,16 @@ function FetchBasicDetails({ resource, timestamp }: Props) {
Name
- + {resource.url}
Type
- + {resource.type}
@@ -37,7 +40,8 @@ function FetchBasicDetails({ resource, timestamp }: Props) { {resource.method && (
Request Method
- + {resource.method}
@@ -47,15 +51,12 @@ function FetchBasicDetails({ resource, timestamp }: Props) {
Status Code
- {resource.status === '200' && ( - - )} {resource.status}
@@ -63,7 +64,8 @@ function FetchBasicDetails({ resource, timestamp }: Props) {
Type
- + {resource.type}
@@ -71,18 +73,19 @@ function FetchBasicDetails({ resource, timestamp }: Props) { {!!resource.decodedBodySize && (
Size
- + {formatBytes(resource.decodedBodySize)}
)} - {!!_duration && (
Duration
- + {_duration} ms
@@ -90,11 +93,12 @@ function FetchBasicDetails({ resource, timestamp }: Props) { {timestamp && (
-
Time
- - {timestamp} - -
+
Time
+ + {timestamp} + +
)}