diff --git a/desktop/plugins/public/network/index.tsx b/desktop/plugins/public/network/index.tsx index b1239df2e..0c9f6590b 100644 --- a/desktop/plugins/public/network/index.tsx +++ b/desktop/plugins/public/network/index.tsx @@ -55,6 +55,7 @@ import { formatDuration, requestsToText, decodeBody, + formatOperationName, } from './utils'; import RequestDetails from './RequestDetails'; import {assembleChunksIfResponseIsComplete} from './chunks'; @@ -661,6 +662,13 @@ const baseColumns: DataTableColumn[] = [ width: 120, visible: false, }, + { + key: 'requestData', + title: 'GraphQL operation name', + width: 120, + visible: false, + formatters: formatOperationName, + }, { key: 'domain', }, diff --git a/desktop/plugins/public/network/utils.tsx b/desktop/plugins/public/network/utils.tsx index c3638becc..b5143f459 100644 --- a/desktop/plugins/public/network/utils.tsx +++ b/desktop/plugins/public/network/utils.tsx @@ -264,6 +264,15 @@ export function formatStatus(status: number | undefined) { return status ? '' + status : ''; } +export function formatOperationName(requestData: string): string { + try { + const parsedData = JSON.parse(requestData); + return parsedData?.operationName; + } catch (_err) { + return ''; + } +} + export function requestsToText(requests: Request[]): string { const request = requests[0]; if (!request || !request.url) {