diff --git a/ui/src/components/CollapsibleContainer.tsx b/ui/src/components/CollapsibleContainer.tsx index f7ad9e39c..aad6b1552 100644 --- a/ui/src/components/CollapsibleContainer.tsx +++ b/ui/src/components/CollapsibleContainer.tsx @@ -28,7 +28,7 @@ const CollapsibleContainer: React.FC = ({title, children, isExpanded, onC onClick={(e) => { if (onClick) { onClick(e) - if (passiveOnClick != true) + if (passiveOnClick !== true) return; } _setExpanded(!_isExpanded) diff --git a/ui/src/components/HarEntriesList.tsx b/ui/src/components/HarEntriesList.tsx index 2de1ef3cb..67d79df49 100644 --- a/ui/src/components/HarEntriesList.tsx +++ b/ui/src/components/HarEntriesList.tsx @@ -19,13 +19,7 @@ export const HarEntriesList: React.FC = ({entries, focusedE } }, [entriesDiv, totalCount]) - // Reverse entries for displaying in ascending order - // const entries = harStore.data.currentPagedResults.value.slice(); return <> - {/*{!isKafka && harStore.data.latestErrorType === ErrorType.TIMEOUT &&
Timed out - many entries. Try to remove filters and try again
}*/} - {/*{!isKafka && harStore.data.latestErrorType === ErrorType.GENERAL &&
Error getting entries
}*/} - {/*{!isKafka && harStore.data.isInitialized && harStore.data.fetchedCount === 0 &&
No entries found
}*/} - {/*{isKafka && selectedModelStore.kafka.sampleMessages.isLoading && }*/}
{entries?.map(entry => = ({entry, setFocusedEntryId, isSelected}) => { return <> -
setFocusedEntryId(entry.id)} - > +
setFocusedEntryId(entry.id)}> {entry.statusCode &&
} @@ -35,9 +33,7 @@ export const HarEntry: React.FC = ({entry, setFocusedEntryId, isS {entry.service}
-
{new Date(+entry.timestamp*1000)?.toLocaleString()}
-
}; \ No newline at end of file diff --git a/ui/src/components/HarEntryDetailed.tsx b/ui/src/components/HarEntryDetailed.tsx index 62e7aa194..db4ae82a1 100644 --- a/ui/src/components/HarEntryDetailed.tsx +++ b/ui/src/components/HarEntryDetailed.tsx @@ -28,7 +28,7 @@ const HarEntryTitle: React.FC = ({har}) => { const {log: {entries}} = har; const {response, request, timings: {receive}} = entries[0]; - const {method, url, postData} = request; + const {method, url} = request; const {status, statusText, bodySize} = response; @@ -47,8 +47,6 @@ const HarEntryTitle: React.FC = ({har}) => { export const HAREntryDetailed: React.FC = ({classes, harEntry}) => { const har = singleEntryToHAR(harEntry); - // const contractVirtualizationStore = useContractVirtualizationStore(); - // const contractVirtualizationDemoEnabled = useFeature('contractVirtualizationDemo'); return <> {har && } @@ -56,11 +54,7 @@ export const HAREntryDetailed: React.FC = ({classes, harE {har && -1} - // showTitle={!extendedTitle} />} - {/*{(harEntry?.isLoading) && }*/} - {/*{(harEntry?.isError) &&
Error loading HAR entry
}*/} }; diff --git a/ui/src/components/HarEntryViewer/HAREntryViewer.tsx b/ui/src/components/HarEntryViewer/HAREntryViewer.tsx index bcbbca7b4..64240088d 100644 --- a/ui/src/components/HarEntryViewer/HAREntryViewer.tsx +++ b/ui/src/components/HarEntryViewer/HAREntryViewer.tsx @@ -3,16 +3,13 @@ import styles from './HAREntryViewer.module.sass'; import Tabs from "../Tabs"; import {HAREntryTableSection, HAREntryBodySection} from "./HAREntrySections"; import useToggle from "../../hooks/use-toggle"; -import {formatSize} from "../utils"; -const CONTENT_TYPE_KEY = 'content-type'; const MIME_TYPE_KEY = 'mimeType'; -const HAREntryDisplay: React.FC = ({entry, isCollapsed: initialIsCollapsed, isResponseMocked, showTitle}) => { +const HAREntryDisplay: React.FC = ({entry, isCollapsed: initialIsCollapsed, isResponseMocked}) => { const {request, response, timings: {receive}} = entry; - const {method, url, postData} = request; - const {status, statusText, bodySize} = response; + const { url, postData} = request; const TABS = [ {tab: 'request'},