Apply prettier fixes

src/App.tsx

@@ -13,7 +13,7 @@ const { REACT_APP_CONFIG_SERVICE_URL, REACT_APP_SHOW_CONFIG_SERVICE_SELECTOR } =
 
 function App() {
   const [configServiceUrl, setConfigServiceUrl] = useState<string>(
-    REACT_APP_CONFIG_SERVICE_URL || ""
+    REACT_APP_CONFIG_SERVICE_URL || "",
   );
 
   const { theme, switchThemeMode, isDarkTheme } = useTheme();

src/api/getChainStatus.tsx

@@ -6,7 +6,7 @@ const CHAIN_STATUS_PATHNAME = "/api/v1/about/indexing/";
 
 async function getChainStatus(
   transactionServiceBaseUrl: string,
-  options?: RawAxiosRequestConfig
+  options?: RawAxiosRequestConfig,
 ): Promise<chainStatus> {
   const endpoint = `${transactionServiceBaseUrl}${CHAIN_STATUS_PATHNAME}`;
 

src/api/getChains.tsx

@@ -6,7 +6,7 @@ const CHAINS_PATHNAME = "/api/v1/chains/";
 
 async function getChains(
   configServiceBaseUrl: string,
-  options?: RawAxiosRequestConfig
+  options?: RawAxiosRequestConfig,
 ): Promise<chain[]> {
   const endpoint = `${configServiceBaseUrl}${CHAINS_PATHNAME}`;
 

src/components/block-label/BlockLabel.tsx

@@ -29,7 +29,7 @@ function BlockLabel({
   // we build the block href from the tx template
   const blockExplorerHref = getBlockExplorerHref(
     blockExplorerUriTemplate.txHash,
-    blockNumber
+    blockNumber,
   );
 
   // fetch block timestamp from getBlock

src/components/chain-status-table/ChainStatusRow.tsx

@@ -25,7 +25,7 @@ function ChainStatusRow({ chain }: { chain: chain }) {
         signal,
       });
     },
-    [chain]
+    [chain],
   );
 
   // fetch chain status with a polling (5 secs)
@@ -48,7 +48,7 @@ function ChainStatusRow({ chain }: { chain: chain }) {
 
       return blockInfo;
     },
-    [provider, chain]
+    [provider, chain],
   );
 
   return (

src/components/chain-status-table/ChainStatusTable.tsx

@@ -31,7 +31,7 @@ function ChainStatusTable({ configServiceUrl }: StatusTableProps) {
       }
       return Promise.resolve([]);
     },
-    [configServiceUrl]
+    [configServiceUrl],
   );
 
   const { isLoading, data: chains } = useApi(fetchChains);

src/components/config-service-url-selector/ConfigServiceUrlSelector.tsx

@@ -47,7 +47,7 @@ function ConfigServiceUrlSelector({
         value={configServiceUrl}
         onChange={(
           event: SyntheticEvent,
-          option: string | optionsType | null
+          option: string | optionsType | null,
         ) => {
           const isStringValue = typeof option === "string";
           const newValue = isStringValue ? option : option?.value;

src/hooks/useApi.tsx

@@ -9,7 +9,7 @@ type useApiHookReturnValue<T> = {
 
 function useApi<T>(
   apiCall: apiCallParam<T>,
-  pollingTime?: number
+  pollingTime?: number,
 ): useApiHookReturnValue<T> {
   const [isLoading, setIsLoading] = useState<boolean>(true);
   const [data, setData] = useState<T>();

src/hooks/useLocalStorageState.tsx

@@ -2,15 +2,15 @@ import { useEffect, useState } from "react";
 
 type useLocalStorageStateReturnType<T> = [
   value: T,
-  setValue: React.Dispatch<React.SetStateAction<T>>
+  setValue: React.Dispatch<React.SetStateAction<T>>,
 ];
 
 function useLocalStorageState<T extends string>(
   key: string,
-  initialValue: T
+  initialValue: T,
 ): useLocalStorageStateReturnType<T> {
   const reactState = useState<T>(
-    () => (localStorage.getItem(key) as T) || initialValue
+    () => (localStorage.getItem(key) as T) || initialValue,
   );
 
   const [value] = reactState;

src/hooks/useTheme.tsx

@@ -17,7 +17,7 @@ const STORAGE_KEY_THEME_MODE = "THEME_MODE_REACT_SERVICE_STATUS_KEY";
 function useTheme(): useThemeReturnValue {
   const [themeMode, setThemeMode] = useLocalStorageState<PaletteMode>(
     STORAGE_KEY_THEME_MODE, // key
-    DARK_THEME // initial value
+    DARK_THEME, // initial value
   );
 
   const switchThemeMode = useCallback(() => {

src/index.tsx

@@ -2,7 +2,7 @@ import ReactDOM from "react-dom/client";
 import App from "src/App";
 
 const root = ReactDOM.createRoot(
-  document.getElementById("root") as HTMLElement
+  document.getElementById("root") as HTMLElement,
 );
 
 root.render(<App />);

src/theme/theme.ts

@@ -43,7 +43,7 @@ const getTheme = (themeMode: PaletteMode): Theme => {
           },
         },
       },
-    })
+    }),
   );
 };
 

src/utils/getBlockExplorerHref.ts

@@ -1,7 +1,7 @@
 // we build the block template from the tx template
 function getBlockExplorerHref(
   blockExplorerTxTemplate: string,
-  blockNumber?: number
+  blockNumber?: number,
 ): string {
   const transactionTemplate = "/tx/{{txHash}}";
   const blockTemplate = `/block/${blockNumber}`;

src/utils/memoizedGetBlock.ts

@@ -18,7 +18,7 @@ const THRESHOLD_CLEAN_CACHE_TIME = 20 * 60 * 1000; // purge block cache each 20
 async function memoizedGetBlock(
   blockNumber: number,
   provider: ethers.providers.JsonRpcProvider,
-  chainId: string
+  chainId: string,
 ): returnBlockInfoType {
   // we clean the cache each 20 mins
   if (Date.now() > lastTimeCleaned + THRESHOLD_CLEAN_CACHE_TIME) {