fix: eslint to check .ts .tsx files

Author: devofficer

package.json

@@ -8,9 +8,9 @@
     "build": "yarn build:theme && react-scripts --max_old_space_size=4096 build",
     "build:theme": "lessc --js ./src/bootstrap/theme.less ./src/bootstrap/theme.css",
     "release": "standard-version",
-    "lint": "eslint \"./src/**/*.js\"",
-    "lint:eslint:fix": "eslint \"./src/**/*.js\" --fix",
-    "lint:prettier:fix": "prettier --write \"./src/**/*.js\"",
+    "lint": "eslint \"./src/**/*.js\" \"./src/**/*.ts\" \"./src/**/*.tsx\"",
+    "lint:eslint:fix": "eslint \"./src/**/*.js\" \"./src/**/*.ts\" \"./src/**/*.tsx\" --fix",
+    "lint:prettier:fix": "prettier --write \"./src/**/*.js\" \"./src/**/*.ts\" \"./src/**/*.tsx\"",
     "format": "yarn run lint:eslint:fix && yarn run lint:prettier:fix"
   },
   "dependencies": {

src/bootstrap/app-router.tsx

@@ -1,13 +1,8 @@
 import React, { useEffect, useMemo } from 'react'
-import {
-  Route,
-  Switch,
-  Redirect
-} from 'react-router-dom'
+import { Route, Switch, Redirect } from 'react-router-dom'
 import { ApolloProvider } from '@apollo/client'
 import { useWeb3Context, Connectors } from 'web3-react'
 import getNetworkEnv from 'utils/network-env'
-
 import loadable from '@loadable/component'
 import ErrorPage from 'pages/error-page'
 import NoWeb3Detected from 'pages/no-web3'
@@ -19,7 +14,7 @@ import usePathValidation from 'hooks/use-path-validation'
 import useGraphQLClient from 'hooks/use-graphql-client'
 import { Web3ContextCurate } from 'types/web3-cotext'
 
-const { Connector } = Connectors;
+const { Connector } = Connectors
 
 const ItemsRouter = loadable(
   () => import(/* webpackPrefetch: true */ 'pages/items-router'),
@@ -41,30 +36,38 @@ const ClassicFactory = loadable(
   { fallback: <Loading /> }
 )
 
-
 const AppRouter = () => {
-  const { networkId, error }: Web3ContextCurate = useWeb3Context();
-  const isUnsupported = useMemo(() => error?.code === Connector.errorCodes.UNSUPPORTED_NETWORK, [error])
-  const tcrAddress = getNetworkEnv('REACT_APP_DEFAULT_TCR_ADDRESSES', networkId as number);
+  const { networkId, error }: Web3ContextCurate = useWeb3Context()
+  const isUnsupported = useMemo(
+    () => error?.code === Connector.errorCodes.UNSUPPORTED_NETWORK,
+    [error]
+  )
+  const tcrAddress = getNetworkEnv(
+    'REACT_APP_DEFAULT_TCR_ADDRESSES',
+    networkId as number
+  )
   const [pathResolved, invalidTcrAddr] = usePathValidation()
   const client = useGraphQLClient(networkId)
 
   useEffect(() => {
     if (isUnsupported && window.ethereum) {
-      const chainIdTokens = window.location.pathname.match(/\/tcr\/(\d+)\//);
-      const chainId = hexlify(chainIdTokens && chainIdTokens?.length > 1 ? chainIdTokens[1] : DEFAULT_NETWORK);
+      const chainIdTokens = window.location.pathname.match(/\/tcr\/(\d+)\//)
+      const chainId = hexlify(
+        chainIdTokens && chainIdTokens?.length > 1
+          ? chainIdTokens[1]
+          : DEFAULT_NETWORK
+      )
 
       window.ethereum.request({
         method: 'wallet_switchEthereumChain',
         params: [{ chainId }]
-      });
+      })
     }
-  }, [isUnsupported]);
+  }, [isUnsupported])
 
-  if (Object.entries(connectors).length === 0)
-    return <NoWeb3Detected />
+  if (Object.entries(connectors).length === 0) return <NoWeb3Detected />
 
-  if (isUnsupported && error) {
+  if (isUnsupported && error)
     return (
       <ErrorPage
         code={' '}
@@ -78,16 +81,16 @@ const AppRouter = () => {
         }
       />
     )
-  } else if (!networkId || !pathResolved) {
-    return <Loading />
-  } else if (invalidTcrAddr || !client) {
-    return <ErrorPage />
-  }
+  else if (!networkId || !pathResolved) return <Loading />
+  else if (invalidTcrAddr || !client) return <ErrorPage />
 
   return (
     <ApolloProvider client={client}>
       <Switch>
-        <Route path="/tcr/:chainId/:tcrAddress/:itemID" component={ItemDetailsRouter} />
+        <Route
+          path="/tcr/:chainId/:tcrAddress/:itemID"
+          component={ItemDetailsRouter}
+        />
         <Route path="/tcr/:chainId/:tcrAddress" component={ItemsRouter} />
         <Route path="/factory" exact component={Factory} />
         <Route path="/factory-classic" exact component={ClassicFactory} />
@@ -98,4 +101,4 @@ const AppRouter = () => {
   )
 }
 
-export default AppRouter;
+export default AppRouter

src/hooks/use-check-light-curate.ts

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react"
+import { useEffect, useState } from 'react'
 import { useWeb3Context } from 'web3-react'
 import { ethers } from 'ethers'
 import { useParams } from 'react-router'

src/hooks/use-path-validation.ts

@@ -26,15 +26,17 @@ const usePathValidation = () => {
           const DEFAULT_TCR_ADDRESSES = JSON.parse(
             process.env.REACT_APP_DEFAULT_TCR_ADDRESSES as string
           )
-          const ADDRs = Object.values(DEFAULT_TCR_ADDRESSES).map((addr) =>
+          const ADDRs = Object.values(DEFAULT_TCR_ADDRESSES).map(addr =>
             (addr as string).toLowerCase()
           )
           const CHAIN_IDS = Object.keys(DEFAULT_TCR_ADDRESSES)
           const tcrIndex = ADDRs.findIndex(addr => addr === tcrAddress)
 
           if (tcrIndex >= 0) chainId = Number(CHAIN_IDS[tcrIndex])
           else {
-            const SUBGRAPH_URLS = JSON.parse(process.env.REACT_APP_SUBGRAPH_URL as string)
+            const SUBGRAPH_URLS = JSON.parse(
+              process.env.REACT_APP_SUBGRAPH_URL as string
+            )
             const queryResults = await Promise.all(
               Object.values(SUBGRAPH_URLS).map(subgraph => {
                 const client = new ApolloClient({

src/pages/item-details-router.tsx

@@ -23,7 +23,10 @@ const ItemDetails = loadable(
 )
 
 const ItemDetailsRouter = () => {
-  const { tcrAddress, itemID } = useParams<{ tcrAddress: string, itemID: string }>()
+  const { tcrAddress, itemID } = useParams<{
+    tcrAddress: string
+    itemID: string
+  }>()
   const { networkStatus } = useTcrNetwork()
   const search = window.location.search
   const isLightCurate = useCheckLightCurate()

src/types/index.d.ts

@@ -3,4 +3,3 @@ interface Window {
 }
 
 type Empty = null | undefined
-

src/types/web3-cotext.ts

@@ -1,7 +1,7 @@
-import { Web3Context } from "web3-react/dist/context";
+import { Web3Context } from 'web3-react/dist/context'
 
 export interface ErrorWithCode extends Error {
-  code?: string | number | undefined;
+  code?: string | number | undefined
 }
 
 export interface Web3ContextCurate extends Web3Context {

src/utils/rich-address.ts

@@ -5,7 +5,7 @@
  * `/tx/`${txHash}`
  */
 
- export type Reference = {
+export type Reference = {
   id: string
   namespaceId: string
   name: string
@@ -58,9 +58,9 @@ export const references: Reference[] = [
 
 // Generate a map for fast and clean access
 
-let namespacesMap: { [namespaceId: string]: Namespace } = {}
+const namespacesMap: { [namespaceId: string]: Namespace } = {}
 
-let referencesMap: {
+const referencesMap: {
   [namespaceId: string]: { [referenceId: string]: Reference }
 } = {}
 
@@ -85,7 +85,7 @@ export type RichAddress = {
 export const parseRichAddress = (crude: string): RichAddress | null => {
   if (!crude) return null
   // if no 2 colons, it's badly formatted
-  if (crude.split(":").length !== 3) return null
+  if (crude.split(':').length !== 3) return null
 
   const [namespaceId, referenceId, address] = crude.split(':')
   // namespace not found
@@ -102,4 +102,4 @@ export const parseRichAddress = (crude: string): RichAddress | null => {
 export default {
   namespacesMap,
   referencesMap
-}
+}