diff --git a/packages/trace-viewer/src/ui/defaultSettingsView.tsx b/packages/trace-viewer/src/ui/defaultSettingsView.tsx index 547af5fdcac8d..348b77b928bf1 100644 --- a/packages/trace-viewer/src/ui/defaultSettingsView.tsx +++ b/packages/trace-viewer/src/ui/defaultSettingsView.tsx @@ -15,14 +15,16 @@ */ import * as React from 'react'; -import { SettingsView } from './settingsView'; +import { type Setting, SettingsView } from './settingsView'; import { useDarkModeSetting } from '@web/theme'; import { useSetting } from '@web/uiUtils'; /** * A view of the collection of standard settings used between various applications */ -export const DefaultSettingsView: React.FC<{}> = () => { +export const DefaultSettingsView: React.FC<{ + location: 'ui-mode' | 'trace-viewer' +}> = ({ location }) => { const [ shouldPopulateCanvasFromScreenshot, setShouldPopulateCanvasFromScreenshot, @@ -39,12 +41,12 @@ export const DefaultSettingsView: React.FC<{}> = () => { set: setDarkMode, name: 'Dark mode' }, - { + ...(location === 'ui-mode' ? [{ type: 'check', value: mergeFiles, set: setMergeFiles, name: 'Merge files' - }, + } satisfies Setting] : []), { type: 'check', value: shouldPopulateCanvasFromScreenshot, diff --git a/packages/trace-viewer/src/ui/uiModeView.tsx b/packages/trace-viewer/src/ui/uiModeView.tsx index 4399d2d13e078..c81726e80344b 100644 --- a/packages/trace-viewer/src/ui/uiModeView.tsx +++ b/packages/trace-viewer/src/ui/uiModeView.tsx @@ -520,7 +520,7 @@ export const UIModeView: React.FC<{}> = ({ />