chore: fmt

Author: v1rtl

src/components/@atoms/TextWithTooltip/TextWithTooltip.test.tsx

@@ -1,46 +1,37 @@
-import { describe, it, expect } from 'vitest'
 import { render, screen } from '@testing-library/react'
-import { TextWithTooltip } from './TextWithTooltip'
 import { userEvent } from '@testing-library/user-event'
 import { ThemeProvider } from 'styled-components'
+import { describe, expect, it } from 'vitest'
+
 import { lightTheme } from '@ensdomains/thorin'
 
+import { TextWithTooltip } from './TextWithTooltip'
+
 const renderWithTheme = (component: React.ReactNode) => {
-  return render(
-    <ThemeProvider theme={lightTheme}>
-      {component}
-    </ThemeProvider>
-  )
+  return render(<ThemeProvider theme={lightTheme}>{component}</ThemeProvider>)
 }
 
 describe('TextWithTooltip', () => {
   it('should render children and show tooltip on hover', async () => {
-    renderWithTheme(
-      <TextWithTooltip tooltipContent="This is a tooltip">
-        Hover me
-      </TextWithTooltip>
-    )
-    
+    renderWithTheme(<TextWithTooltip tooltipContent="This is a tooltip">Hover me</TextWithTooltip>)
+
     const button = screen.getByText('Hover me')
     expect(button).toBeInTheDocument()
-    
+
     await userEvent.hover(button)
     expect(screen.getByText('This is a tooltip')).toBeInTheDocument()
   })
 
   it('should render learn more link when link prop is provided', async () => {
     renderWithTheme(
-      <TextWithTooltip 
-        tooltipContent="Tooltip with link" 
-        link="https://example.com"
-      >
+      <TextWithTooltip tooltipContent="Tooltip with link" link="https://example.com">
         With link
-      </TextWithTooltip>
+      </TextWithTooltip>,
     )
-    
+
     const button = screen.getByText('With link')
     await userEvent.hover(button)
-    
+
     const learnMoreLink = screen.getByText('action.learnMore')
     expect(learnMoreLink).toBeInTheDocument()
     expect(learnMoreLink.closest('a')).toHaveAttribute('href', 'https://example.com')
@@ -50,14 +41,12 @@ describe('TextWithTooltip', () => {
 
   it('should not render learn more link when link prop is not provided', async () => {
     renderWithTheme(
-      <TextWithTooltip tooltipContent="Tooltip without link">
-        No link
-      </TextWithTooltip>
+      <TextWithTooltip tooltipContent="Tooltip without link">No link</TextWithTooltip>,
     )
-    
+
     const button = screen.getByText('No link')
     await userEvent.hover(button)
-    
+
     expect(screen.queryByText('action.learnMore')).not.toBeInTheDocument()
   })
 })

src/components/@molecules/NetworkNotifications/NetworkNotifications.test.tsx

@@ -26,7 +26,7 @@ describe('NetworkNotifications', () => {
   it('should show notification if shouldOpenModal sets true', () => {
     vi.mocked(shouldOpenModal).mockReturnValue(true)
     mockUseAccount.mockReturnValue({
-      chainId: 1
+      chainId: 1,
     })
     mockUseChainId.mockReturnValue(1)
     render(<NetworkNotifications />)
@@ -36,7 +36,7 @@ describe('NetworkNotifications', () => {
   it('should not show notification if shouldOpenModal sets false', () => {
     vi.mocked(shouldOpenModal).mockReturnValue(false)
     mockUseAccount.mockReturnValue({
-      chainId: 1
+      chainId: 1,
     })
     mockUseChainId.mockReturnValue(1)
 

src/components/@molecules/NetworkNotifications/utils.test.ts

@@ -1,7 +1,9 @@
-import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest'
-import { shouldOpenModal } from './utils'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
 import * as chains from '@app/constants/chains'
 
+import { shouldOpenModal } from './utils'
+
 describe('shouldOpenModal', () => {
   beforeEach(() => {
     vi.resetModules()

src/components/@molecules/ProfileEditor/Avatar/AvatarNFT.test.tsx

@@ -2,15 +2,14 @@
 import { fireEvent, mockFunction, render, screen, userEvent, waitFor } from '@app/test-utils'
 
 import * as ReactQuery from '@tanstack/react-query'
+import React from 'react'
 import { beforeEach, describe, expect, it, Mock, vi } from 'vitest'
 import { useAccount, useClient } from 'wagmi'
 
-
 import * as UseInfiniteQuery from '@app/utils/query/useInfiniteQuery'
 
 import { makeMockIntersectionObserver } from '../../../../../test/mock/makeMockIntersectionObserver'
 import { AvatarNFT } from './AvatarNFT'
-import React from 'react'
 
 vi.mock('wagmi')
 vi.mock('@app/hooks/chain/useCurrentBlockTimestamp', () => ({
@@ -20,8 +19,6 @@ vi.mock('@app/hooks/chain/useChainName', () => ({
   useChainName: () => 'mainnet',
 }))
 
-
-
 const mockUseClient = mockFunction(useClient)
 const mockUseAccount = mockFunction(useAccount)
 
@@ -197,7 +194,6 @@ describe('<AvatarNFT />', () => {
   it('show load more data on page load trigger', async () => {
     const useInfiniteQuerySpy = vi.spyOn(UseInfiniteQuery, 'useInfiniteQuery')
 
-
     mockFetch
       .mockImplementationOnce(() =>
         Promise.resolve({
@@ -214,15 +210,19 @@ describe('<AvatarNFT />', () => {
         }),
       )
     vi.mock('@ensdomains/thorin', async (importActual) => ({
-      ...(await importActual() as any),
-      ScrollBox: () => ({ children, onReachedBottom }: React.PropsWithChildren<{
-        onReachedBottom?: () => void;
-      }>) => {
-        onReachedBottom!()
-        return <div>{children}</div>
-      },
+      ...((await importActual()) as any),
+      ScrollBox:
+        () =>
+        ({
+          children,
+          onReachedBottom,
+        }: React.PropsWithChildren<{
+          onReachedBottom?: () => void
+        }>) => {
+          onReachedBottom!()
+          return <div>{children}</div>
+        },
     }))
-    
 
     render(<AvatarNFT {...props} />)
     await waitFor(() => expect(mockFetch).toHaveBeenCalled())
@@ -255,13 +255,18 @@ describe('<AvatarNFT />', () => {
     )
 
     vi.mock('@ensdomains/thorin', async (importActual) => ({
-      ...(await importActual() as any),
-      ScrollBox: () => ({ children, onReachedBottom }: React.PropsWithChildren<{
-        onReachedBottom?: () => void;
-      }>) => {
-        onReachedBottom!()
-        return <div>{children}</div>
-      },
+      ...((await importActual()) as any),
+      ScrollBox:
+        () =>
+        ({
+          children,
+          onReachedBottom,
+        }: React.PropsWithChildren<{
+          onReachedBottom?: () => void
+        }>) => {
+          onReachedBottom!()
+          return <div>{children}</div>
+        },
     }))
 
     render(<AvatarNFT {...props} />)

src/components/@molecules/TransactionDialogManager/stage/TransactionStageModal.test.tsx

@@ -230,7 +230,7 @@ describe('TransactionStageModal', () => {
         )
         expect(screen.getByTestId('transaction-modal-confirm-button')).toBeDisabled()
         await waitFor(() =>
-          expect(screen.getByTestId('transaction-modal-confirm-button')).toBeEnabled()
+          expect(screen.getByTestId('transaction-modal-confirm-button')).toBeEnabled(),
         )
         expect(mockEstimateGas).toHaveBeenCalledTimes(1)
       })

src/components/pages/import/[name]/steps/SelectImportType.test.tsx

@@ -10,8 +10,8 @@ import { useAccount } from 'wagmi'
 import { lightTheme } from '@ensdomains/thorin'
 
 import { useDnsOffchainStatus } from '@app/hooks/dns/useDnsOffchainStatus'
-import { useUnmanagedTLD } from '@app/hooks/useUnmanagedTLD'
 import { useResolver } from '@app/hooks/ensjs/public/useResolver'
+import { useUnmanagedTLD } from '@app/hooks/useUnmanagedTLD'
 import i18n from '@app/i18n'
 
 import { calculateDnsSteps, SelectImportType } from './SelectImportType'
@@ -208,7 +208,11 @@ describe('SelectImportType component', () => {
         </ThemeProvider>
       </QueryClientProvider>,
     )
-    expect(screen.getByText("The team behind .club have customized their ENS experience, so we're unable to help you import the name at this time")).toBeInTheDocument()
+    expect(
+      screen.getByText(
+        "The team behind .club have customized their ENS experience, so we're unable to help you import the name at this time",
+      ),
+    ).toBeInTheDocument()
   })
 
   it('should show customized TLD message for TLDs not managed by DNSRegistrar', () => {
@@ -230,7 +234,11 @@ describe('SelectImportType component', () => {
         </ThemeProvider>
       </QueryClientProvider>,
     )
-    expect(screen.getByText("The team behind .xyz have customized their ENS experience, so we're unable to help you import the name at this time")).toBeInTheDocument()
+    expect(
+      screen.getByText(
+        "The team behind .xyz have customized their ENS experience, so we're unable to help you import the name at this time",
+      ),
+    ).toBeInTheDocument()
   })
 
   it('should show normal import options for managed TLDs', () => {

src/hooks/abilities/useAbilities.test.ts

@@ -1,5 +1,6 @@
 import { mockFunction, renderHook } from '@app/test-utils'
 
+import { dequal } from 'dequal'
 import { match, P } from 'ts-pattern'
 import { Address } from 'viem'
 // import { writeFileSync} from 'fs'
@@ -20,7 +21,6 @@ import { useBasicName } from '../useBasicName'
 import { useHasSubnames } from '../useHasSubnames'
 import { useParentBasicName } from '../useParentBasicName'
 import { useAbilities } from './useAbilities'
-import { dequal } from 'dequal'
 
 vi.mock('@app/hooks/account/useAccountSafely')
 vi.mock('@app/hooks/useBasicName')

src/transaction-flow/transaction/registerName.test.ts

@@ -3,7 +3,7 @@ import { mockFunction } from '@app/test-utils'
 import { expect, it, vi } from 'vitest'
 
 import { getPrice } from '@ensdomains/ensjs/public'
-import { registerName, legacyRegisterName } from '@ensdomains/ensjs/wallet'
+import { legacyRegisterName, registerName } from '@ensdomains/ensjs/wallet'
 
 import registerNameFlowTransaction from './registerName'
 

src/utils/query/wallets.ts

@@ -15,25 +15,27 @@ import {
 import { WC_PROJECT_ID } from '../constants'
 import { isInsideSafe } from '../safe'
 
-export const rainbowKitWallets = isInsideSafe() ? [safeWallet] : [
-  // injected / not always shown
-  injectedWallet,
-  safeWallet,
-  braveWallet,
-  () => ({
-    ...phantomWallet(),
-    iconUrl: async () => (await import('../../assets/PhantomWallet')).default,
-    iconBackground: '#9A8AEE',
-    downloadUrls: {},
-  }),
-  // always shown
-  walletConnectWallet,
-  rainbowWallet,
-  coinbaseWallet,
-  metaMaskWallet,
-  ledgerWallet,
-  argentWallet,
-] as const satisfies WalletList[number]['wallets']
+export const rainbowKitWallets = isInsideSafe()
+  ? [safeWallet]
+  : ([
+      // injected / not always shown
+      injectedWallet,
+      safeWallet,
+      braveWallet,
+      () => ({
+        ...phantomWallet(),
+        iconUrl: async () => (await import('../../assets/PhantomWallet')).default,
+        iconBackground: '#9A8AEE',
+        downloadUrls: {},
+      }),
+      // always shown
+      walletConnectWallet,
+      rainbowWallet,
+      coinbaseWallet,
+      metaMaskWallet,
+      ledgerWallet,
+      argentWallet,
+    ] as const satisfies WalletList[number]['wallets'])
 
 export const rainbowKitConnectors = connectorsForWallets(
   [

src/utils/registration/makeLegacyRegistrationParams.test.ts

@@ -1,8 +1,9 @@
 import { describe, expect, expectTypeOf, it } from 'vitest'
 
-import { makeLegacyRegistrationParams } from './makeLegacyRegistrationParams'
 import { RegistrationParameters } from '@ensdomains/ensjs/utils'
 
+import { makeLegacyRegistrationParams } from './makeLegacyRegistrationParams'
+
 describe('makeLegacyRegistrationParams', () => {
   it('should return owner as address if no eth record exists', () => {
     const params: RegistrationParameters = {
@@ -32,7 +33,7 @@ describe('makeLegacyRegistrationParams', () => {
       resolverAddress: '0xresolverAddress',
       records: {
         coins: [{ coin: 'eth', value: '0xother' }],
-      }
+      },
     }
 
     expect(makeLegacyRegistrationParams(params)).toEqual({