style(ui): Fix lint issues

swim-io · Oct 14, 2022 · c2ca529 · c2ca529
1 parent d2a3b6d
commit c2ca529
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/apps/ui/scripts/processWormholeTokenData.ts b/apps/ui/scripts/processWormholeTokenData.ts
@@ -1,5 +1,7 @@
-import { CHAINS, ChainId, isEVMChain } from "@certusone/wormhole-sdk";
 import fs from "fs";
+
+import type { ChainId } from "@certusone/wormhole-sdk";
+import { CHAINS, isEVMChain } from "@certusone/wormhole-sdk";
 import { parse } from "csv-parse";
 
 type Source =
@@ -166,7 +168,6 @@ const processRecord = ({
 });
 
 const main = async () => {
-  const processedRecords: WormholeToken[] = [];
   const parser = fs
     .createReadStream(`${__dirname}/../tmp/wormholeTokenData.csv`)
     .pipe(
@@ -176,13 +177,16 @@ const main = async () => {
       }),
     );
 
+  // eslint-disable-next-line functional/prefer-readonly-type
+  const processedRecords: WormholeToken[] = [];
   for await (const record of parser) {
-    const processedRecord = processRecord(record);
+    const processedRecord = processRecord(record as CsvRecord);
     const supportedChains = [
       processedRecord.nativeDetails,
       ...processedRecord.wrappedDetails,
     ].filter((details) => isChainSupported(details.chainId));
     if (supportedChains.length >= 2) {
+      // eslint-disable-next-line functional/immutable-data
       processedRecords.push(processedRecord);
     }
   }

diff --git a/apps/ui/src/components/WormholeForm.tsx b/apps/ui/src/components/WormholeForm.tsx
@@ -149,14 +149,14 @@ export const WormholeForm = (): ReactElement => {
       </table>
       {txResults.length > 0 && (
         <>
-          <h2>Tx results</h2>
+          <h2>{"Tx results"}</h2>
           <table>
             <tr>
-              <th>Chain ID</th>
-              <th>Tx ID</th>
+              <th>{"Chain ID"}</th>
+              <th>{"Tx ID"}</th>
             </tr>
             {txResults.map(({ chainId, txId }) => (
-              <tr>
+              <tr key={txId}>
                 <td>{chainId}</td>
                 <td>{txId}</td>
               </tr>