Linting fixes

Author: csillag

src/app/components/HighlightedText/text-trimming.ts

@@ -1,5 +1,5 @@
-import { MatchInfo, findTextMatch, NO_MATCH, NormalizerOptions, findTextMatches } from './text-matching'
-import { HighlightPattern }  from "./index";
+import { MatchInfo, NO_MATCH, NormalizerOptions, findTextMatches } from './text-matching'
+import { HighlightPattern } from './index'
 
 export interface TrimAroundOptions extends NormalizerOptions {
   /**

src/app/components/Search/search-utils.ts

@@ -111,6 +111,7 @@ export type ParsedSimpleSearchQuery = {
 export const textSearchMinimumLength = 3
 
 // A basic search strategy that searches for the whole text as a single token
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const simpleTextSearch = (input: string = '', t?: TFunction): ParsedSimpleSearchQuery => {
   const term = input.length >= textSearchMinimumLength ? input.toLowerCase() : undefined
   const warning =

src/app/components/Tokens/TokenDetails.tsx

@@ -14,15 +14,15 @@ import { COLORS } from '../../../styles/theme/colors'
 import { TokenTypeTag } from './TokenList'
 import { RoundedBalance } from '../RoundedBalance'
 import { HighlightedText } from '../HighlightedText'
-import { HighlightPattern } from "../HighlightedText";
+import { HighlightPattern } from '../HighlightedText'
 
 export const TokenDetails: FC<{
   isLoading?: boolean
   token: EvmToken | undefined
   showLayer?: boolean
   standalone?: boolean
   highlightPattern?: HighlightPattern
-}> = ({ isLoading, token, showLayer, standalone = false, highlightPattern}) => {
+}> = ({ isLoading, token, showLayer, standalone = false, highlightPattern }) => {
   const { t } = useTranslation()
   const { isMobile } = useScreenSize()
 

src/app/data/oasis-account-names.ts

@@ -123,7 +123,8 @@ export const useSearchForOasisAccountsByName = (
 
   const textMatcher =
     nameFragments.length && queryOptions.enabled
-      ? (account: AccountMetadata) => nameFragments.every(nameFragment => hasTextMatch(account.name, [nameFragment]))
+      ? (account: AccountMetadata) =>
+          nameFragments.every(nameFragment => hasTextMatch(account.name, [nameFragment]))
       : () => false
 
   const matches =

src/app/data/pontusx-account-names.ts

@@ -85,7 +85,8 @@ export const useSearchForPontusXAccountsByName = (
 
   const textMatcher =
     nameFragments.length && queryOptions.enabled
-      ? (account: AccountMetadata) => nameFragments.every(nameFragment => hasTextMatch(account.name, [nameFragment]))
+      ? (account: AccountMetadata) =>
+          nameFragments.every(nameFragment => hasTextMatch(account.name, [nameFragment]))
       : () => false
 
   const matches =

src/app/pages/ConsensusAccountDetailsPage/ConsensusAccountDetailsCard.tsx

@@ -3,13 +3,13 @@ import { useTranslation } from 'react-i18next'
 import { Account } from '../../../oasis-nexus/api'
 import { SubPageCard } from '../../components/SubPageCard'
 import { ConsensusAccountDetailsView } from '../../components/Account/ConsensusAccountDetailsView'
-import { HighlightPattern } from "../.../../../components/HighlightedText"
+import { HighlightPattern } from '../.../../../components/HighlightedText'
 
 type ConsensusAccountDetailsCardProps = {
   account: Account | undefined
   isError: boolean
   isLoading: boolean
-  highlightPattern: HighlightPattern,
+  highlightPattern: HighlightPattern
 }
 
 export const ConsensusAccountDetailsCard: FC<ConsensusAccountDetailsCardProps> = ({

src/app/pages/ConsensusAccountDetailsPage/index.tsx

@@ -14,7 +14,7 @@ import { Staking } from './Staking'
 import { ConsensusAccountDetailsContext } from './hooks'
 import { useConsensusTxMethodParam } from '../../hooks/useCommonParams'
 import { eventsContainerId } from '../../utils/tabAnchors'
-import { getHighlightPattern, textSearch } from "../../components/Search/search-utils";
+import { getHighlightPattern, textSearch } from '../../components/Search/search-utils'
 
 export const ConsensusAccountDetailsPage: FC = () => {
   const { t } = useTranslation()

src/app/pages/TokenDashboardPage/TokenDetailsCard.tsx

@@ -25,11 +25,11 @@ import { holdersContainerId, tokenTransfersContainerId } from '../../utils/tabAn
 import { TokenLinkWithIcon } from '../../components/Tokens/TokenLinkWithIcon'
 import { HighlightPattern } from '../../components/HighlightedText'
 
-export const TokenDetailsCard: FC<{ scope: RuntimeScope; address: string; highlighPattern?: HighlightPattern }> = ({
-  scope,
-  address,
-  highlighPattern,
-}) => {
+export const TokenDetailsCard: FC<{
+  scope: RuntimeScope
+  address: string
+  highlightPattern?: HighlightPattern
+}> = ({ scope, address, highlightPattern }) => {
   const { t } = useTranslation()
   const { isMobile } = useScreenSize()
 
@@ -49,7 +49,7 @@ export const TokenDetailsCard: FC<{ scope: RuntimeScope; address: string; highli
                 scope={account}
                 address={token.eth_contract_addr || token.contract_addr}
                 name={token.name}
-                highlightPattern={highlighPattern}
+                highlightPattern={highlightPattern}
               />
             </dd>
 

src/app/pages/TokenDashboardPage/TokenTitleCard.tsx

@@ -9,13 +9,13 @@ import { useTranslation } from 'react-i18next'
 import { RuntimeScope } from '../../../types/searchScope'
 import { HighlightedText } from '../../components/HighlightedText'
 import { TitleCard } from '../../components/PageLayout/TitleCard'
-import { HighlightPattern } from "../../components/HighlightedText";
+import { HighlightPattern } from '../../components/HighlightedText'
 
-export const TokenTitleCard: FC<{ scope: RuntimeScope; address: string; highlightPattern?: HighlightPattern }> = ({
-  scope,
-  address,
-  highlightPattern,
-}) => {
+export const TokenTitleCard: FC<{
+  scope: RuntimeScope
+  address: string
+  highlightPattern?: HighlightPattern
+}> = ({ scope, address, highlightPattern }) => {
   const { t } = useTranslation()
   const { isLoading, token } = useTokenInfo(scope, address)
 
@@ -45,7 +45,11 @@ export const TokenTitleCard: FC<{ scope: RuntimeScope; address: string; highligh
       isLoading={isLoading}
       title={
         <>
-          {token?.name ? <HighlightedText text={token.name} pattern={highlightPattern} />  : t('common.missing')}
+          {token?.name ? (
+            <HighlightedText text={token.name} pattern={highlightPattern} />
+          ) : (
+            t('common.missing')
+          )}
           &nbsp;
           <Typography
             component="span"

src/app/pages/TokenDashboardPage/index.tsx

@@ -52,7 +52,7 @@ export const TokenDashboardPage: FC = () => {
       <DappBanner scope={scope} ethOrOasisAddress={address} />
       <TokenSnapshot scope={scope} address={address} />
       <Divider variant="layout" sx={{ mt: isMobile ? 4 : 0 }} />
-      <TokenDetailsCard scope={scope} address={address} highlighPattern={highlightPattern} />
+      <TokenDetailsCard scope={scope} address={address} highlightPattern={highlightPattern} />
       <RouterTabs
         tabs={[
           { label: t('common.transfers'), to: tokenTransfersLink },