diff --git a/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx b/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx index 2a508412d..dd857953a 100644 --- a/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx +++ b/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx @@ -1,9 +1,12 @@ +import { mergeStyleSets } from "@fluentui/merge-styles"; import { Checkbox, ChoiceGroup, FontIcon, IChoiceGroupOption, IColumn, + Icon, + initializeIcons, Label, Link, MessageBar, @@ -82,7 +85,7 @@ interface ThroughputInputAutoPilotV3State { spendAckChecked: boolean; exceedFreeTierThroughput: boolean; } - +initializeIcons(); export class ThroughputInputAutoPilotV3Component extends React.Component< ThroughputInputAutoPilotV3Props, ThroughputInputAutoPilotV3State @@ -620,13 +623,20 @@ export class ThroughputInputAutoPilotV3Component extends React.Component< if (this.IsComponentDirty().isDiscardable) { warningMessage = saveThroughputWarningMessage; } + const classNames = mergeStyleSets({ + orange: [{ color: "orange" }], + }); return ( <> {warningMessage && ( - + // + // {warningMessage} + // +
+ {warningMessage} - +
)} ); diff --git a/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/__snapshots__/ThroughputInputAutoPilotV3Component.test.tsx.snap b/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/__snapshots__/ThroughputInputAutoPilotV3Component.test.tsx.snap index efc16b929..c14ea033b 100644 --- a/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/__snapshots__/ThroughputInputAutoPilotV3Component.test.tsx.snap +++ b/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/__snapshots__/ThroughputInputAutoPilotV3Component.test.tsx.snap @@ -8,14 +8,15 @@ exports[`ThroughputInputAutoPilotV3Component autopilot input visible 1`] = ` } } > - + Your bill will be affected as you update your throughput settings. Please review the updated cost estimate below before saving your changes - +