(fix) Lint

Zilliqa · Jan 23, 2025 · 779e4b8 · 779e4b8
1 parent f65c94b
commit 779e4b8
Show file tree

Hide file tree

Showing 6 changed files with 63 additions and 52 deletions.
diff --git a/README.zilliqa.md b/README.zilliqa.md
@@ -26,9 +26,9 @@ These are overridden if we select network from your hostname.
 
 There are some extra config options - see `public/config.json` for an example. In particular, `connections` is a list of potential connections, each of which is a dictionary:
 
- * `menuName` - name that will appear in the connection menu for this option
- * `url` - the URL to query
- * `hostnames` - an array of hostnames. If the `window.location` hostname has one of these as a prefix, the `url` will be force-selected and the connections menu will not appear.
+- `menuName` - name that will appear in the connection menu for this option
+- `url` - the URL to query
+- `hostnames` - an array of hostnames. If the `window.location` hostname has one of these as a prefix, the `url` will be force-selected and the connections menu will not appear.
 
 ## Starting for development
 

diff --git a/src/ConnectionErrorPanel.tsx b/src/ConnectionErrorPanel.tsx
@@ -56,13 +56,16 @@ const ConnectionErrorPanel: FC<ConnectionErrorPanelProps> = ({
             </Step>
           </>
         )}
-    { config?.displayConnectionMenu ? (
-        <div className="flex space-x-2 mt-2">
-          <span className="text-blue-600">
-            <FontAwesomeIcon icon={faBarsProgress} size="1x" />
-          </span>
-             <NetworkMenuWithConfig config={config} />
-        </div>) : (<div />) }
+        {config?.displayConnectionMenu ? (
+          <div className="flex space-x-2 mt-2">
+            <span className="text-blue-600">
+              <FontAwesomeIcon icon={faBarsProgress} size="1x" />
+            </span>
+            <NetworkMenuWithConfig config={config} />
+          </div>
+        ) : (
+          <div />
+        )}
       </div>
     </div>
   );

diff --git a/src/Header.tsx b/src/Header.tsx
@@ -43,9 +43,13 @@ const Header: FC<HeaderProps> = ({ sourcifyPresent }) => {
             </div>
           </Link>
         </div>
-      { config.displayConnectionMenu ? (<div className="pt-2 flex items-center justify-center">
-        <NetworkMenu />
-        </div>) : (<div />) }
+        {config.displayConnectionMenu ? (
+          <div className="pt-2 flex items-center justify-center">
+            <NetworkMenu />
+          </div>
+        ) : (
+          <div />
+        )}
         <div className="flex items-baseline gap-x-3">
           {(provider._network.chainId === 1n ||
             config.priceOracleInfo?.nativeTokenPrice?.ethUSDOracleAddress) && (

diff --git a/src/execution/address/ScillaState.tsx b/src/execution/address/ScillaState.tsx
@@ -42,7 +42,7 @@ export const ScillaState: FC<ScillaStateProps> = ({
   const { data, isLoading } = useSmartContractState(
     loadContractState ? zilliqa : undefined,
     address,
-    loadContractState ?? 0
+    loadContractState ?? 0,
   );
   if (data && contractState == null) {
     setContractState(data);
@@ -67,34 +67,37 @@ export const ScillaState: FC<ScillaStateProps> = ({
 
   return (
     <div className="mt-6">
-        <button
-          className="text-link-blue hover:text-link-blue-hover"
-    onClick={() => { setContractState(null); setLoadContractState((prev : number) => prev + 1);  }}
-        >
-      Refresh
-        </button>
+      <button
+        className="text-link-blue hover:text-link-blue-hover"
+        onClick={() => {
+          setContractState(null);
+          setLoadContractState((prev: number) => prev + 1);
+        }}
+      >
+        Refresh
+      </button>
 
-      <div className={isLoading ? "opacity-50": ""}>
-      <table className="w-ful border">
-        <thead>
-          <tr className="grid grid-cols-12 gap-x-2 bg-gray-100 py-2 text-left">
-            <th className="col-span-3 pl-1">name</th>
-            <th className="col-span-8 pr-1">value</th>
-          </tr>
-        </thead>
-      <tbody className="divide-y">
-          {contractState
-            ? Object.keys(contractState).map((val) => (
-                <ScillaStateParamRow
-                  key={val}
-                  name={val}
-                  value={formatJsonValue(contractState[val])}
-                />
-              ))
-            : undefined}
-        </tbody>
-      </table>
-      </div>
+      <div className={isLoading ? "opacity-50" : ""}>
+        <table className="w-ful border">
+          <thead>
+            <tr className="grid grid-cols-12 gap-x-2 bg-gray-100 py-2 text-left">
+              <th className="col-span-3 pl-1">name</th>
+              <th className="col-span-8 pr-1">value</th>
+            </tr>
+          </thead>
+          <tbody className="divide-y">
+            {contractState
+              ? Object.keys(contractState).map((val) => (
+                  <ScillaStateParamRow
+                    key={val}
+                    name={val}
+                    value={formatJsonValue(contractState[val])}
+                  />
+                ))
+              : undefined}
+          </tbody>
+        </table>
       </div>
+    </div>
   );
 };
diff --git a/src/useConfig.ts b/src/useConfig.ts
@@ -191,7 +191,6 @@ export type OtterscanConfig = {
      * strings.
      */
     backendFormat?: string;
-
   };
 
   /**
@@ -209,7 +208,6 @@ export type OtterscanConfig = {
      * a trailing forward slash, e.g. "https://sepolia.otterscan.io".
      */
     l1ExplorerURL?: string;
-
   };
 
   /**
@@ -331,7 +329,9 @@ export const loadOtterscanConfig = async (): Promise<OtterscanConfig> => {
     const data = await res.json();
     // Override config for local dev
     var config: OtterscanConfig = { ...data };
-    console.log(`DEV = ${import.meta.env.DEV} ${import.meta.env.VITE_ERIGON_URL}`);
+    console.log(
+      `DEV = ${import.meta.env.DEV} ${import.meta.env.VITE_ERIGON_URL}`,
+    );
     if (import.meta.env.DEV) {
       config.erigonURL = import.meta.env.VITE_ERIGON_URL ?? config.erigonURL;
       config.beaconAPI =
@@ -362,7 +362,7 @@ export const loadOtterscanConfig = async (): Promise<OtterscanConfig> => {
     }
     //console.log(JSON.stringify(config));
     var storageConfiguration: any = {};
-    var hostForcesConnection : boolean = false;
+    var hostForcesConnection: boolean = false;
     try {
       var storage = window["localStorage"];
       if (storage !== undefined) {
@@ -378,7 +378,7 @@ export const loadOtterscanConfig = async (): Promise<OtterscanConfig> => {
     try {
       var host = window.location.host;
       // Ignore locally stored connections when matching hostnames.
-      var connections : ChainConnection[] | undefined = config.connections;
+      var connections: ChainConnection[] | undefined = config.connections;
       if (connections !== undefined) {
         for (var c of connections) {
           const hosts = c.hostnames;
@@ -399,7 +399,7 @@ export const loadOtterscanConfig = async (): Promise<OtterscanConfig> => {
     // If we've still not got a connection, use the first one.
     try {
       if (config.erigonURL === undefined || config.erigonURL == null) {
-        var connections : ChainConnection[] | undefined  =
+        var connections: ChainConnection[] | undefined =
           storageConfiguration["connections"] ?? config.connections;
         if (connections !== undefined) {
           if (!("erigonURL" in storageConfiguration)) {
@@ -420,7 +420,7 @@ export const loadOtterscanConfig = async (): Promise<OtterscanConfig> => {
         if (params.has("network")) {
           const url = params.get("network");
           storageConfiguration["erigonURL"] = url;
-          var connections: ChainConnection[] | undefined  =
+          var connections: ChainConnection[] | undefined =
             storageConfiguration["connections"] ?? config.connections;
           var found = false;
           if (connections) {
@@ -471,7 +471,7 @@ export const loadOtterscanConfig = async (): Promise<OtterscanConfig> => {
     // config file and is no longer there.
     config.displayConnectionMenu = !hostForcesConnection;
     console.log(JSON.stringify(config));
-    
+
     console.info("Loaded app config");
     console.info(config);
     return config;

diff --git a/src/useZilliqaHooks.ts b/src/useZilliqaHooks.ts
@@ -8,7 +8,7 @@ import {
   DsBlockObj,
 } from "@zilliqa-js/core/dist/types/src/types";
 import { Zilliqa } from "@zilliqa-js/zilliqa";
-import { mutate, Fetcher } from "swr";
+import { Fetcher } from "swr";
 import useSWRImmutable from "swr/immutable";
 import useSWRInfinite from "swr/infinite";
 
@@ -155,7 +155,9 @@ export const useSmartContractState = (
   generation: number,
 ): { data: ContractState | undefined; isLoading: boolean } => {
   const { data, error, isLoading } = useSWRImmutable(
-    zilliqa !== undefined ? [zilliqa, "useSmartContractState", address, generation] : null,
+    zilliqa !== undefined
+      ? [zilliqa, "useSmartContractState", address, generation]
+      : null,
     smartContractStateFetcher,
     { keepPreviousData: true },
   );
@@ -164,4 +166,3 @@ export const useSmartContractState = (
   }
   return { data, isLoading };
 };
-