auto-fix linting issues

MetaMask · Feb 14, 2025 · a10c885 · a10c885
1 parent 8c81e3a
commit a10c885
Show file tree

Hide file tree

Showing 72 changed files with 203 additions and 222 deletions.
diff --git a/ui/components/app/alert-system/alert-modal/alert-modal.stories.tsx b/ui/components/app/alert-system/alert-modal/alert-modal.stories.tsx
@@ -88,12 +88,12 @@ export const DefaultStory: StoryFn<typeof AlertModal> = (args) => {
       {isOpen && (
         <AlertModal
           {...args}
-          alertKey={'From'}
+          alertKey="From"
           onClose={handleOnClose}
           onAcknowledgeClick={handleOnClose}
         />
       )}
-      <Button onClick={handleOnClick} danger={true}>Open alert modal</Button>
+      <Button onClick={handleOnClick} danger>Open alert modal</Button>
     </Box>
   );
 };

diff --git a/ui/components/app/alert-system/confirm-alert-modal/confirm-alert-modal.stories.tsx b/ui/components/app/alert-system/confirm-alert-modal/confirm-alert-modal.stories.tsx
@@ -88,7 +88,7 @@ export const TemplateStory: StoryFn<typeof ConfirmAlertModal> = (args) => {
           onSubmit={handleOnClose}
         />
       )}
-      <Button onClick={handleOnClick} danger={true}>
+      <Button onClick={handleOnClick} danger>
         Open confirm alert modal
       </Button>
     </Box>

diff --git a/ui/components/app/alert-system/general-alert/general-alert.test.tsx b/ui/components/app/alert-system/general-alert/general-alert.test.tsx
@@ -18,7 +18,7 @@ describe('GeneralAlert', () => {
   });
 
   it('renders the details when provided', () => {
-    const details = <Text>{'Additional details'}</Text>;
+    const details = <Text>Additional details</Text>;
     const onClickSupportLink = jest.fn();
     const reportUrl = 'https://example.com/report';
     const { getByText } = renderWithProvider(

diff --git a/ui/components/app/alert-system/multiple-alert-modal/multiple-alert-modal.stories.tsx b/ui/components/app/alert-system/multiple-alert-modal/multiple-alert-modal.stories.tsx
@@ -85,12 +85,12 @@ export const TemplateStory: StoryFn<typeof MultipleAlertModal> = (args) => {
       {isOpen && (
         <MultipleAlertModal
           {...args}
-          alertKey={'From'}
+          alertKey="From"
           onClose={handleOnClose}
           onFinalAcknowledgeClick={handleOnClose}
         />
       )}
-      <Button onClick={handleOnClick} danger={true}>
+      <Button onClick={handleOnClick} danger>
         Open multiple alert modal
       </Button>
     </Box>

diff --git a/ui/components/app/alert-system/multiple-alert-modal/multiple-alert-modal.test.tsx b/ui/components/app/alert-system/multiple-alert-modal/multiple-alert-modal.test.tsx
@@ -175,7 +175,7 @@ describe('MultipleAlertModal', () => {
       <MultipleAlertModal
         {...defaultProps}
         alertKey={DATA_ALERT_KEY_MOCK}
-        skipAlertNavigation={true}
+        skipAlertNavigation
       />,
       mockStoreAcknowledgeAlerts,
     );

diff --git a/ui/components/app/configure-snap-popup/configure-snap-popup.test.tsx b/ui/components/app/configure-snap-popup/configure-snap-popup.test.tsx
@@ -19,7 +19,7 @@ describe('ConfigureSnapPopup', () => {
     const { getByText } = renderWithProvider(
       <ConfigureSnapPopup
         onClose={mockOnClose}
-        link={'mockLink'}
+        link="mockLink"
         isOpen
         type={ConfigureSnapPopupType.CONFIGURE}
       />,
@@ -37,7 +37,7 @@ describe('ConfigureSnapPopup', () => {
     const { getByText } = renderWithProvider(
       <ConfigureSnapPopup
         onClose={mockOnClose}
-        link={'mockLink'}
+        link="mockLink"
         isOpen
         type={ConfigureSnapPopupType.INSTALL}
       />,
@@ -55,7 +55,7 @@ describe('ConfigureSnapPopup', () => {
     const { getByText } = renderWithProvider(
       <ConfigureSnapPopup
         onClose={mockOnClose}
-        link={'mockLink'}
+        link="mockLink"
         isOpen
         type={ConfigureSnapPopupType.CONFIGURE}
       />,

diff --git a/ui/components/app/confirm/info/row/alert-row/alert-row.tsx b/ui/components/app/confirm/info/row/alert-row/alert-row.tsx
@@ -93,7 +93,7 @@ export const ConfirmInfoAlertRow = ({
           onFinalAcknowledgeClick={handleModalClose}
           onClose={handleModalClose}
           showCloseIcon={false}
-          skipAlertNavigation={true}
+          skipAlertNavigation
         />
       )}
       <ConfirmInfoRow {...confirmInfoRowProps} labelChildren={inlineAlert} />

diff --git a/ui/components/app/confirm/info/row/url.test.tsx b/ui/components/app/confirm/info/row/url.test.tsx
@@ -5,7 +5,7 @@ import { ConfirmInfoRowUrl } from './url';
 describe('ConfirmInfoRowUrl', () => {
   it('should match snapshot', () => {
     const { container } = render(
-      <ConfirmInfoRowUrl url={'https://example.com'} />,
+      <ConfirmInfoRowUrl url="https://example.com" />,
     );
     expect(container).toMatchSnapshot();
   });

diff --git a/ui/components/app/modals/keyring-snap-removal-modal/keyring-snap-removal-result-modal.tsx b/ui/components/app/modals/keyring-snap-removal-modal/keyring-snap-removal-result-modal.tsx
@@ -44,7 +44,7 @@ const KeyringSnapRemovalResult = ({
             gap: 4,
           }}
         >
-          <ModalHeader onClose={onClose}>{''}</ModalHeader>
+          <ModalHeader onClose={onClose}></ModalHeader>
           <Box
             display={Display.Flex}
             flexDirection={FlexDirection.Column}

diff --git a/ui/components/app/multi-rpc-edit-modal/multi-rpc-edit-modal.tsx b/ui/components/app/multi-rpc-edit-modal/multi-rpc-edit-modal.tsx
@@ -36,7 +36,7 @@ function MultiRpcEditModal() {
 
   return (
     <Modal
-      isOpen={true}
+      isOpen
       onClose={() => dispatch(setShowMultiRpcModal(false))}
       isClosedOnOutsideClick={false}
       isClosedOnEscapeKey={false}

diff --git a/...ponents/app/multichain-transaction-details-modal/multichain-transaction-details-modal.tsx b/...ponents/app/multichain-transaction-details-modal/multichain-transaction-details-modal.tsx
@@ -103,8 +103,8 @@ export function MultichainTransactionDetailsModal({
       onClose={onClose}
       data-testid="multichain-transaction-details-modal"
       isOpen
-      isClosedOnOutsideClick={true}
-      isClosedOnEscapeKey={true}
+      isClosedOnOutsideClick
+      isClosedOnEscapeKey
     >
       <ModalOverlay />
       <ModalContent

diff --git a/ui/components/app/name/name-details/name-details.test.tsx b/ui/components/app/name/name-details/name-details.test.tsx
@@ -228,7 +228,7 @@ describe('NameDetails', () => {
     const { baseElement } = renderWithProvider(
       <NameDetails
         type={NameType.ETHEREUM_ADDRESS}
-        value={''}
+        value=""
         variation={VARIATION_MOCK}
         onClose={() => undefined}
       />,

diff --git a/ui/components/app/name/name.test.tsx b/ui/components/app/name/name.test.tsx
@@ -47,7 +47,7 @@ describe('Name', () => {
     const { container } = renderWithProvider(
       <Name
         type={NameType.ETHEREUM_ADDRESS}
-        value={''}
+        value=""
         variation={VARIATION_MOCK}
       />,
       store,

diff --git a/ui/components/app/snaps/snap-ui-file-input/snap-ui-file-input.tsx b/ui/components/app/snaps/snap-ui-file-input/snap-ui-file-input.tsx
@@ -128,7 +128,7 @@ export const SnapUIFileInput: FunctionComponent<SnapUIFileInputProps> = ({
         name={name}
         onChange={handleChange}
         accept={accept?.join(',')}
-        hidden={true}
+        hidden
         disabled={disabled}
       />
     </>

diff --git a/ui/components/app/snaps/snap-ui-selector/snap-ui-selector.stories.tsx b/ui/components/app/snaps/snap-ui-selector/snap-ui-selector.stories.tsx
@@ -23,8 +23,8 @@ export default {
     (story) => (
       <Provider store={store}>
         <SnapInterfaceContextProvider
-          snapId={'npm:fooSnap'}
-          interfaceId={'foo'}
+          snapId="npm:fooSnap"
+          interfaceId="foo"
           initialState={{ 'selector': 'foo' }}
           context={{}}
         >

diff --git a/ui/components/app/snaps/snap-ui-tooltip/snap-ui-tooltip.tsx b/ui/components/app/snaps/snap-ui-tooltip/snap-ui-tooltip.tsx
@@ -12,7 +12,7 @@ export const SnapUITooltip: FunctionComponent<SnapUITooltipProps> = ({
   return (
     <Tooltip
       html={content}
-      position={'bottom'}
+      position="bottom"
       // Avoid tooltip from taking up the full width of the container
       style={{ display: 'inline-flex' }}
     >

diff --git a/ui/components/app/srp-quiz-modal/SRPQuiz/SRPQuiz.tsx b/ui/components/app/srp-quiz-modal/SRPQuiz/SRPQuiz.tsx
@@ -77,7 +77,7 @@ export default function SRPQuiz(props: any) {
     title = t('srpSecurityQuizTitle');
     return (
       <QuizContent
-        image={'images/reveal-srp.png'}
+        image="images/reveal-srp.png"
         content={t('srpSecurityQuizIntroduction')}
         buttons={[
           {

diff --git a/ui/components/app/wallet-overview/coin-buttons.tsx b/ui/components/app/wallet-overview/coin-buttons.tsx
@@ -498,41 +498,39 @@ const CoinButtons = ({
           generateTooltip('sendButton', contents)
         }
       />
-      {
-        <>
-          {showReceiveModal && (
-            <ReceiveModal
-              address={selectedAddress}
-              onClose={() => setShowReceiveModal(false)}
-            />
-          )}
-          <IconButton
-            className={`${classPrefix}-overview__button`}
-            iconButtonClassName={iconButtonClassName}
-            data-testid={`${classPrefix}-overview-receive`}
-            Icon={
-              <Icon
-                name={IconName.ScanBarcode}
-                color={IconColor.primaryInverse}
-                size={IconSize.Sm}
-              />
-            }
-            label={t('receive')}
-            onClick={() => {
-              trackEvent({
-                event: MetaMetricsEventName.NavReceiveButtonClicked,
-                category: MetaMetricsEventCategory.Navigation,
-                properties: {
-                  text: 'Receive',
-                  location: trackingLocation,
-                  chain_id: chainId,
-                },
-              });
-              setShowReceiveModal(true);
-            }}
+      <>
+        {showReceiveModal && (
+          <ReceiveModal
+            address={selectedAddress}
+            onClose={() => setShowReceiveModal(false)}
           />
-        </>
-      }
+        )}
+        <IconButton
+          className={`${classPrefix}-overview__button`}
+          iconButtonClassName={iconButtonClassName}
+          data-testid={`${classPrefix}-overview-receive`}
+          Icon={
+            <Icon
+              name={IconName.ScanBarcode}
+              color={IconColor.primaryInverse}
+              size={IconSize.Sm}
+            />
+          }
+          label={t('receive')}
+          onClick={() => {
+            trackEvent({
+              event: MetaMetricsEventName.NavReceiveButtonClicked,
+              category: MetaMetricsEventCategory.Navigation,
+              properties: {
+                text: 'Receive',
+                location: trackingLocation,
+                chain_id: chainId,
+              },
+            });
+            setShowReceiveModal(true);
+          }}
+        />
+      </>
     </Box>
   );
 };

diff --git a/ui/components/app/wallet-overview/non-evm-overview.tsx b/ui/components/app/wallet-overview/non-evm-overview.tsx
@@ -61,7 +61,7 @@ const NonEvmOverview = ({ className }: NonEvmOverviewProps) => {
       balanceIsCached={false}
       className={className}
       chainId={chainId}
-      isSigningEnabled={true}
+      isSigningEnabled
       isSwapsChain={isSwapsChain}
       defaultSwapsToken={defaultSwapsToken}
       ///: BEGIN:ONLY_INCLUDE_IF(build-main,build-beta,build-flask)

diff --git a/ui/components/component-library/banner-tip/banner-tip.tsx b/ui/components/component-library/banner-tip/banner-tip.tsx
@@ -40,7 +40,7 @@ export const BannerTip: BannerTipComponent = React.forwardRef(
           >
             <Box
               as="img"
-              src={`images/fox.png`}
+              src="images/fox.png"
               alt="Fox"
               {...(logoProps as BoxProps<C>)}
               className={classnames(

diff --git a/ui/components/component-library/checkbox/checkbox.test.tsx b/ui/components/component-library/checkbox/checkbox.test.tsx
@@ -43,7 +43,7 @@ describe('Checkbox', () => {
   it('should render isChecked', () => {
     const { getByRole, getByTestId } = render(
       <Checkbox
-        isChecked={true}
+        isChecked
         iconProps={{ 'data-testid': 'check-bold', name: IconName.CheckBold }}
       />,
     );
@@ -56,7 +56,7 @@ describe('Checkbox', () => {
   it('should render isIndeterminate', () => {
     const { getByRole, getByTestId } = render(
       <Checkbox
-        isIndeterminate={true}
+        isIndeterminate
         iconProps={{ 'data-testid': 'minus-bold', name: IconName.MinusBold }}
       />,
     );
@@ -89,7 +89,7 @@ describe('Checkbox', () => {
         label="Option 1"
         id="option-1"
         data-testid="option-disabled"
-        isDisabled={true}
+        isDisabled
       />,
     );
 
@@ -101,7 +101,7 @@ describe('Checkbox', () => {
 
   test('Checkbox component is readOnly when isReadOnly is true', () => {
     const { getByLabelText } = render(
-      <Checkbox label="Option 1" id="option-1" isReadOnly={true} />,
+      <Checkbox label="Option 1" id="option-1" isReadOnly />,
     );
 
     const checkbox = getByLabelText('Option 1');
@@ -140,7 +140,7 @@ describe('Checkbox', () => {
 
   test('Checkbox component is required when isRequired is true', () => {
     const { getByLabelText } = render(
-      <Checkbox label="Option 1" id="option-1" isRequired={true} />,
+      <Checkbox label="Option 1" id="option-1" isRequired />,
     );
 
     const checkbox = getByLabelText('Option 1');

diff --git a/ui/components/component-library/header-base/header-base.stories.tsx b/ui/components/component-library/header-base/header-base.stories.tsx
@@ -255,7 +255,7 @@ export const UseCaseDemos = (args) => (
           variant={TextVariant.headingSm}
           textAlign={TextAlign.Center}
           backgroundColor={BackgroundColor.primaryAlternative}
-          ellipsis={true}
+          ellipsis
         >
           Title is sentence case no period
         </Text>

diff --git a/ui/components/component-library/lottie-animation/lottie-animation.test.tsx b/ui/components/component-library/lottie-animation/lottie-animation.test.tsx
@@ -65,7 +65,7 @@ describe('LottieAnimation', () => {
   });
 
   it('calls lottie.loadAnimation with correct config when using path', () => {
-    render(<LottieAnimation path={mockPath} loop={true} autoplay={true} />);
+    render(<LottieAnimation path={mockPath} loop autoplay />);
 
     expect(lottie.loadAnimation).toHaveBeenCalledWith(
       expect.objectContaining({

diff --git a/ui/components/component-library/modal-content/modal-content.stories.tsx b/ui/components/component-library/modal-content/modal-content.stories.tsx
@@ -151,7 +151,7 @@ export const Size: StoryFn<typeof ModalContent> = (args) => {
         ))}
       </Box>
       {currentSize && (
-        <Modal isOpen={true} onClose={() => setCurrentSize(null)}>
+        <Modal isOpen onClose={() => setCurrentSize(null)}>
           <ModalContent
             {...args}
             size={getSize(currentSize)}