diff --git a/apps/yaak-client/components/GrpcRequestPane.tsx b/apps/yaak-client/components/GrpcRequestPane.tsx index bec53ee4..0c3b9139 100644 --- a/apps/yaak-client/components/GrpcRequestPane.tsx +++ b/apps/yaak-client/components/GrpcRequestPane.tsx @@ -133,6 +133,8 @@ export function GrpcRequestPane({ onSend({ message: activeRequest.message }); }, [activeRequest, onSend]); + const hasDescription = activeRequest.description.trim().length > 0; + const tabs: TabItem[] = useMemo( () => [ { value: TAB_MESSAGE, label: "Message" }, @@ -146,10 +148,10 @@ export function GrpcRequestPane({ { value: TAB_DESCRIPTION, label: "Info", - rightSlot: activeRequest.description && , + rightSlot: hasDescription && , }, ], - [activeRequest.description, authTab, metadataTab, numSettingsOverrides], + [authTab, hasDescription, metadataTab, numSettingsOverrides], ); const handleMetadataChange = useCallback( diff --git a/apps/yaak-client/components/HttpRequestPane.tsx b/apps/yaak-client/components/HttpRequestPane.tsx index c6d25c3f..494b469e 100644 --- a/apps/yaak-client/components/HttpRequestPane.tsx +++ b/apps/yaak-client/components/HttpRequestPane.tsx @@ -165,6 +165,8 @@ export function HttpRequestPane({ style, fullHeight, className, activeRequest }: : 0; } + const hasDescription = activeRequest.description.trim().length > 0; + const tabs = useMemo( () => [ { @@ -260,6 +262,7 @@ export function HttpRequestPane({ style, fullHeight, className, activeRequest }: { value: TAB_DESCRIPTION, label: "Info", + rightSlot: hasDescription && , }, ], [ @@ -267,6 +270,7 @@ export function HttpRequestPane({ style, fullHeight, className, activeRequest }: authTab, contentType, handleContentTypeChange, + hasDescription, headersTab, numParams, numSettingsOverrides, diff --git a/apps/yaak-client/components/WebsocketRequestPane.tsx b/apps/yaak-client/components/WebsocketRequestPane.tsx index 134c6f27..26ece541 100644 --- a/apps/yaak-client/components/WebsocketRequestPane.tsx +++ b/apps/yaak-client/components/WebsocketRequestPane.tsx @@ -110,6 +110,8 @@ export function WebsocketRequestPane({ style, fullHeight, className, activeReque [activeRequest.url, activeRequest.urlParameters, handleRenamePathPlaceholder], ); + const hasDescription = activeRequest.description.trim().length > 0; + const tabs = useMemo(() => { return [ { @@ -131,9 +133,10 @@ export function WebsocketRequestPane({ style, fullHeight, className, activeReque { value: TAB_DESCRIPTION, label: "Info", + rightSlot: hasDescription && , }, ]; - }, [authTab, headersTab, numSettingsOverrides, urlParameterPairs.length]); + }, [authTab, hasDescription, headersTab, numSettingsOverrides, urlParameterPairs.length]); const { activeResponse } = usePinnedHttpResponse(activeRequestId); const { mutate: cancelResponse } = useCancelHttpResponse(activeResponse?.id ?? null);