format fixing

microsoft · Jul 26, 2024 · 84bc906 · 84bc906
1 parent 6c47e11
commit 84bc906
Show file tree

Hide file tree

Showing 7 changed files with 36 additions and 25 deletions.
diff --git a/src/DetailsView/components/failure-instance-panel-details.tsx b/src/DetailsView/components/failure-instance-panel-details.tsx
@@ -59,7 +59,10 @@ export const FailureInstancePanelDetails = NamedFC<FailureInstancePanelDetailsPr
                     <div className={buttonStyles.buttonsComponent}>
                         <div className={buttonStyles.buttonCol}>
                             <Button
-                                className={mergeClasses(buttonStyles.defaultButton, styles.validateCssButton)}
+                                className={mergeClasses(
+                                    buttonStyles.defaultButton,
+                                    styles.validateCssButton,
+                                )}
                                 onClick={props.onValidateSelector}
                                 disabled={props.path === null}
                             >

diff --git a/src/common/components/copy-issue-details-button.tsx b/src/common/components/copy-issue-details-button.tsx
@@ -66,7 +66,10 @@ export class CopyIssueDetailsButton extends React.Component<CopyIssueDetailsButt
             <>
                 <Toast ref={this.toastRef} deps={this.props.deps} />
                 <Button
-                    className={mergeClasses('copy-issue-details-button', styles.detailsDialogButton)}
+                    className={mergeClasses(
+                        'copy-issue-details-button',
+                        styles.detailsDialogButton,
+                    )}
                     onClick={this.copyButtonClicked}
                 >
                     <CopyIcon />

diff --git a/src/common/components/selector-input-list.tsx b/src/common/components/selector-input-list.tsx
@@ -85,7 +85,10 @@ export class SelectorInputList extends React.Component<
                                     className={
                                         !this.state.isTextFieldValueValid
                                             ? buttonStyles.buttonDisabled
-                                            : mergeClasses(buttonStyles.defaultButton, styles.selectorInputButton)
+                                            : mergeClasses(
+                                                  buttonStyles.defaultButton,
+                                                  styles.selectorInputButton,
+                                              )
                                     }
                                     onClick={this.addSelector}
                                     disabled={!this.state.isTextFieldValueValid}

diff --git a/src/common/styles/button.scss b/src/common/styles/button.scss
@@ -3,6 +3,25 @@
 
 @import '../../common/styles/common.scss';
 
+:global(.high-contrast-theme) {
+    .button-disabled {
+        font-size: 14px;
+        font-weight: 600;
+        height: 32px;
+        border: 1px solid $button-border;
+        background-color: $button-background-disable;
+        color: $neutral-20;
+        pointer-events: none;
+        border-radius: 2px;
+    }
+
+    .primary-button {
+        border: 1px solid $communication-tint-40;
+        background-color: $communication-tint-40;
+        color: $always-black;
+    }
+}
+
 .buttons-component {
     display: flex;
 
@@ -51,25 +70,6 @@
     }
 }
 
-:global(.high-contrast-theme) {
-    .button-disabled {
-        font-size: 14px;
-        font-weight: 600;
-        height: 32px;
-        border: 1px solid $button-border;
-        background-color: $button-background-disable;
-        color: $neutral-20;
-        pointer-events: none;
-        border-radius: 2px;
-    }
-
-    .primary-button {
-        border: 1px solid $communication-tint-40;
-        background-color: $communication-tint-40;
-        color: $always-black;
-    }
-}
-
 .buttons-component .default-button:hover {
     border: 1px solid $neutral-60;
     font-weight: 600;

diff --git a/src/injected/components/command-bar.tsx b/src/injected/components/command-bar.tsx
@@ -49,7 +49,10 @@ export const CommandBar = NamedFC<CommandBarProps>('CommandBar', props => {
     const renderInspectButton = (): JSX.Element => {
         return (
             <Button
-                className={mergeClasses('insights-dialog-button-inspect', styles.detailsDialogButton)}
+                className={mergeClasses(
+                    'insights-dialog-button-inspect',
+                    styles.detailsDialogButton,
+                )}
                 onClick={props.onClickInspectButton}
             >
                 <FileHTMLIcon />

diff --git a/src/tests/unit/tests/DetailsView/components/next-requirement-button.test.tsx b/src/tests/unit/tests/DetailsView/components/next-requirement-button.test.tsx
@@ -1,8 +1,8 @@
 // Copyright (c) Microsoft Corporation. All rights reserved.
 // Licensed under the MIT License.
 
-import { Button } from '@fluentui/react-components';
 import { Icon } from '@fluentui/react';
+import { Button } from '@fluentui/react-components';
 import { render } from '@testing-library/react';
 import { Requirement } from 'assessments/types/requirement';
 import { AssessmentActionMessageCreator } from 'DetailsView/actions/assessment-action-message-creator';

diff --git a/src/tests/unit/tests/common/components/issue-filing-button.test.tsx b/src/tests/unit/tests/common/components/issue-filing-button.test.tsx
@@ -21,7 +21,6 @@ import * as React from 'react';
 import {
     getMockComponentClassPropsForCall,
     mockReactComponents,
-    useOriginalReactElements,
 } from 'tests/unit/mock-helpers/mock-module-helpers';
 import { It, IMock, Mock, Times } from 'typemoq';
 import { LadyBugSolidIcon } from '../../../../../../src/common/icons/lady-bug-solid-icon';