diff --git a/src/Explorer/Controls/Settings/SettingsSubComponents/ComputedPropertiesComponent.tsx b/src/Explorer/Controls/Settings/SettingsSubComponents/ComputedPropertiesComponent.tsx index 9fb8aabc9..bbc9d2f16 100644 --- a/src/Explorer/Controls/Settings/SettingsSubComponents/ComputedPropertiesComponent.tsx +++ b/src/Explorer/Controls/Settings/SettingsSubComponents/ComputedPropertiesComponent.tsx @@ -1,7 +1,4 @@ -// CTODO: Render/edit CP in monaco -// CTODO: Get CPs from RP -// CTODO: Save CPs to RP -import { MessageBar, MessageBarType, Stack } from "@fluentui/react"; +import { FontIcon, Link, MessageBar, MessageBarType, Stack, Text } from "@fluentui/react"; import * as DataModels from "Contracts/DataModels"; import { titleAndInputStackProps, unsavedEditorWarningMessage } from "Explorer/Controls/Settings/SettingsRenderUtils"; import { isDirty } from "Explorer/Controls/Settings/SettingsUtils"; @@ -88,7 +85,7 @@ export class ComputedPropertiesComponent extends React.Component< this.computedPropertiesEditor = monaco.editor.create(this.computedPropertiesDiv.current, { value: value, language: "json", - ariaLabel: "Indexing Policy", + ariaLabel: "Computed properties", }); if (this.computedPropertiesEditor) { const computedPropertiesEditorModel = this.computedPropertiesEditor.getModel(); @@ -118,6 +115,12 @@ export class ComputedPropertiesComponent extends React.Component< {unsavedEditorWarningMessage("computedProperties")} )} + + + {"Learn more"} + +   about how to define computed properties and how to use them. +
); diff --git a/src/Explorer/Controls/Settings/SettingsSubComponents/__snapshots__/ComputedPropertiesComponent.test.tsx.snap b/src/Explorer/Controls/Settings/SettingsSubComponents/__snapshots__/ComputedPropertiesComponent.test.tsx.snap index eab45e0ba..86a9bda74 100644 --- a/src/Explorer/Controls/Settings/SettingsSubComponents/__snapshots__/ComputedPropertiesComponent.test.tsx.snap +++ b/src/Explorer/Controls/Settings/SettingsSubComponents/__snapshots__/ComputedPropertiesComponent.test.tsx.snap @@ -8,6 +8,26 @@ exports[`ComputedPropertiesComponent renders 1`] = ` } } > + + + Learn more + + + +   about how to define computed properties and how to use them. +