diff --git a/packages/trace-viewer/src/ui/actionList.css b/packages/trace-viewer/src/ui/actionList.css index 0d246b7d45..0cb3cb5f54 100644 --- a/packages/trace-viewer/src/ui/actionList.css +++ b/packages/trace-viewer/src/ui/actionList.css @@ -70,17 +70,17 @@ flex: none; } -.action-context { +.action-parameter { display: inline; flex: none; padding-left: 5px; } -.action-locator-context { +.action-locator-parameter { color: var(--vscode-charts-orange); } -.action-generic-context { +.action-generic-parameter { color: var(--vscode-charts-purple); } diff --git a/packages/trace-viewer/src/ui/actionList.tsx b/packages/trace-viewer/src/ui/actionList.tsx index 9ab1bf147f..f9aff122ca 100644 --- a/packages/trace-viewer/src/ui/actionList.tsx +++ b/packages/trace-viewer/src/ui/actionList.tsx @@ -25,7 +25,7 @@ import { TreeView } from '@web/components/treeView'; import type { ActionTraceEventInContext, ActionTreeItem } from './modelUtil'; import type { Boundaries } from './geometry'; import { ToolbarButton } from '@web/components/toolbarButton'; -import { actionContextString } from './string'; +import { actionParameterDisplayString } from './string'; export interface ActionListProps { actions: ActionTraceEventInContext[], @@ -104,25 +104,25 @@ export const ActionList: React.FC = ({ ; }; -const ActionContext: React.FC<{ +const ActionParameterContext: React.FC<{ action: ActionTraceEvent; sdkLanguage: Language; }> = ({ action, sdkLanguage }) => { - const contextString = actionContextString(action, sdkLanguage); + const parameterString = actionParameterDisplayString(action, sdkLanguage); - if (contextString === undefined) + if (parameterString === undefined) return null; return (
- {contextString} + {parameterString}
); }; @@ -151,7 +151,7 @@ export const renderAction = ( return <>
{action.apiName} - + {action.method === 'goto' && action.params.url &&
{action.params.url}
} {action.class === 'APIRequestContext' && action.params.url &&
{excludeOrigin(action.params.url)}
}
diff --git a/packages/trace-viewer/src/ui/string.ts b/packages/trace-viewer/src/ui/string.ts index bf6eccd8f3..204772b303 100644 --- a/packages/trace-viewer/src/ui/string.ts +++ b/packages/trace-viewer/src/ui/string.ts @@ -94,7 +94,7 @@ const formatTouchscreenParams = (params: { return undefined; }; -export const actionContextString = ( +export const actionParameterDisplayString = ( action: ActionTraceEvent, sdkLanguage: Language, ): string | undefined => {