From 5439fd18f920e3c893dda64625456391ba2657ec Mon Sep 17 00:00:00 2001 From: Sakshi Gupta Date: Wed, 17 Sep 2025 17:49:47 +0530 Subject: [PATCH] fixed lint errors --- .../Controls/Settings/SettingsRenderUtils.tsx | 42 +++++++++---------- .../ThroughputInputAutoPilotV3Component.tsx | 25 ++++++----- .../CommandBar/CommandBarComponentAdapter.tsx | 2 +- 3 files changed, 34 insertions(+), 35 deletions(-) diff --git a/src/Explorer/Controls/Settings/SettingsRenderUtils.tsx b/src/Explorer/Controls/Settings/SettingsRenderUtils.tsx index 2c4bd52a4..706a4bb07 100644 --- a/src/Explorer/Controls/Settings/SettingsRenderUtils.tsx +++ b/src/Explorer/Controls/Settings/SettingsRenderUtils.tsx @@ -121,7 +121,7 @@ export const mediumWidthStackStyles: IStackStyles = { root: { width: 600 } }; export const shortWidthTextFieldStyles: Partial = { root: { paddingLeft: 10, width: 210 } }; -export const shortWidthDropDownStyles: Partial = { dropdown: { paddingleft: 10, width: 202 } }; +export const shortWidthDropDownStyles: Partial = { dropdown: { paddingLeft: 10, width: 202 } }; export const transparentDetailsRowStyles: Partial = { root: { @@ -170,15 +170,15 @@ export const messageBarStyles: Partial = { marginTop: "5px", backgroundColor: "var(--colorNeutralBackground1)", selectors: { - '&.ms-MessageBar--severeWarning': { + "&.ms-MessageBar--severeWarning": { backgroundColor: "var(--colorNeutralBackground4)", }, - '&.ms-MessageBar--warning': { + "&.ms-MessageBar--warning": { backgroundColor: "var(--colorNeutralBackground3)", - } - } + }, + }, }, - text: { fontSize: 14 } + text: { fontSize: 14 }, }; export const throughputUnit = "RU/s"; @@ -557,22 +557,22 @@ export const getChoiceGroupStyles = ( }, root: { selectors: { - '.ms-ChoiceFieldLabel': { - color: "var(--colorNeutralForeground1) " + ".ms-ChoiceFieldLabel": { + color: "var(--colorNeutralForeground1)", }, - '.ms-ChoiceField-field:hover .ms-ChoiceFieldLabel': { - color: "var(--colorNeutralForeground1) " + ".ms-ChoiceField-field:hover .ms-ChoiceFieldLabel": { + color: "var(--colorNeutralForeground1)", }, - '.ms-ChoiceField:hover .ms-ChoiceFieldLabel': { - color: "var(--colorNeutralForeground1) " + ".ms-ChoiceField:hover .ms-ChoiceFieldLabel": { + color: "var(--colorNeutralForeground1)", }, - '.ms-ChoiceField:hover .ms-ChoiceField-innerField': { - color: "var(--colorNeutralForeground1) " + ".ms-ChoiceField:hover .ms-ChoiceField-innerField": { + color: "var(--colorNeutralForeground1)", }, - '.ms-ChoiceField-innerField': { - color: "var(--colorNeutralForeground1) " - } - } + ".ms-ChoiceField-innerField": { + color: "var(--colorNeutralForeground1)", + }, + }, }, flexContainer: [ { @@ -591,13 +591,13 @@ export const getChoiceGroupStyles = ( color: "var(--colorNeutralForeground1)", }, ".ms-ChoiceFieldLabel": { - color: "var(--colorNeutralForeground1)" + color: "var(--colorNeutralForeground1)", }, ".ms-ChoiceFieldLabel:hover": { - color: "var(--colorNeutralForeground1)" + color: "var(--colorNeutralForeground1)", }, ".ms-ChoiceField-field:hover .ms-ChoiceFieldLabel": { - color: "var(--colorNeutralForeground1)" + color: "var(--colorNeutralForeground1)", }, }, display: isHorizontal ? "inline-flex" : "default", diff --git a/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx b/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx index 7fa49f5c1..ddf4bc33a 100644 --- a/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx +++ b/src/Explorer/Controls/Settings/SettingsSubComponents/ThroughputInputComponents/ThroughputInputAutoPilotV3Component.tsx @@ -551,22 +551,22 @@ export class ThroughputInputAutoPilotV3Component extends React.Component< root: { marginTop: "5px", selectors: { - '&.ms-MessageBar--severeWarning': { + "&.ms-MessageBar--severeWarning": { backgroundColor: "var(--colorStatusDangerBackground1)", - border: "1px solid var(--colorStatusDangerBorder1)" + border: "1px solid var(--colorStatusDangerBorder1)", }, - '&.ms-MessageBar--warning': { + "&.ms-MessageBar--warning": { backgroundColor: "var(--colorStatusWarningBackground1)", - border: "1px solid var(--colorStatusWarningBorder1)" + border: "1px solid var(--colorStatusWarningBorder1)", }, - '.ms-MessageBar-icon': { + ".ms-MessageBar-icon": { color: "var(--colorNeutralForeground1)", }, - '.ms-MessageBar-text': { + ".ms-MessageBar-text": { color: "var(--colorNeutralForeground1)", - } - } - } + }, + }, + }, }; private getThroughputWarningMessageBar = (): JSX.Element => { @@ -655,13 +655,12 @@ export class ThroughputInputAutoPilotV3Component extends React.Component< backgroundColor: "var(--colorNeutralBackground4)", }, root: { - selectors: { - 'input': { + "input": { backgroundColor: "var(--colorNeutralBackground4)", color: "var(--colorNeutralForeground1)", - } - } + }, + }, } }} disabled={this.overrideWithProvisionedThroughputSettings()} diff --git a/src/Explorer/Menus/CommandBar/CommandBarComponentAdapter.tsx b/src/Explorer/Menus/CommandBar/CommandBarComponentAdapter.tsx index 179b396cc..f5d2728e4 100644 --- a/src/Explorer/Menus/CommandBar/CommandBarComponentAdapter.tsx +++ b/src/Explorer/Menus/CommandBar/CommandBarComponentAdapter.tsx @@ -132,7 +132,7 @@ export const CommandBar: React.FC = ({ container }: Props) => { root: { backgroundColor: "var(--colorNeutralBackground1)", color: "var(--colorNeutralForeground1)", - padding: isFabric() ? "2px 8px 0px 8px" : undefined + padding: isFabric() ? "2px 8px 0px 8px" : undefined, }, button: { backgroundColor: "var(--colorNeutralBackground1)",