diff --git a/ui-common/src/components/EntryDetailed/EntryViewer/AutoRepresentation.tsx b/ui-common/src/components/EntryDetailed/EntryViewer/AutoRepresentation.tsx index ee957773a..8249d9609 100644 --- a/ui-common/src/components/EntryDetailed/EntryViewer/AutoRepresentation.tsx +++ b/ui-common/src/components/EntryDetailed/EntryViewer/AutoRepresentation.tsx @@ -27,7 +27,7 @@ export const AutoRepresentation: React.FC = ({ representation, color, opene const arr = [ { tab: 'Request', - badge: isReplayDisplayed() && setIsOpenRequestModal(true)} /> + badge: null }] if (response) { @@ -40,7 +40,7 @@ export const AutoRepresentation: React.FC = ({ representation, color, opene } return arr - }, [color, isReplayDisplayed, response, setIsOpenRequestModal]); + }, [response]); const [currentTab, setCurrentTab] = useState(TABS[0].tab); @@ -66,6 +66,7 @@ export const AutoRepresentation: React.FC = ({ representation, color, opene {
+ {isReplayDisplayed() && setIsOpenRequestModal(true)} />}
{getOpenedTabIndex() === TabsEnum.Request && diff --git a/ui-common/src/components/EntryDetailed/EntryViewer/EntryViewer.module.sass b/ui-common/src/components/EntryDetailed/EntryViewer/EntryViewer.module.sass index 4d529dbb9..310e3a9de 100644 --- a/ui-common/src/components/EntryDetailed/EntryViewer/EntryViewer.module.sass +++ b/ui-common/src/components/EntryDetailed/EntryViewer/EntryViewer.module.sass @@ -52,8 +52,13 @@ border-radius: 4px padding: 10px position: relative + .bodyHeader padding: 0 1rem + display: flex + align-items: center + justify-content: space-between + .endpointURL font-size: .75rem display: block