linter

frontend/src/components/ContractSource.js

@@ -1,29 +1,29 @@
 import React from "react";
-import {
+import { VStack, Code } from "@chakra-ui/react";
-    VStack,
-    Code,
-} from "@chakra-ui/react";
 import { Table, Thead, Tbody, Tr, Th, Td } from "@chakra-ui/react";
 
 const ContractSource = ({ source_info }) => {
-    return (
+  return (
-        <VStack spacing={3}>
+    <VStack spacing={3}>
-            <Table>
+      <Table>
-                <Thead>
+        <Thead>
-                    <Tr>
+          <Tr>
-                        <Th>Contract Name</Th>
+            <Th>Contract Name</Th>
-                        <Th>Compiler version</Th>
+            <Th>Compiler version</Th>
-                    </Tr>
+          </Tr>
-                </Thead>
+        </Thead>
-                <Tbody>
+        <Tbody>
-                    <Tr key={source_info.name}>
+          <Tr key={source_info.name}>
-                        <Td>{source_info.name} </Td>
+            <Td>{source_info.name} </Td>
-                        <Td>{source_info.compiler_version}</Td>
+            <Td>{source_info.compiler_version}</Td>
-                    </Tr>
+          </Tr>
-                </Tbody>
+        </Tbody>
-            </Table>
+      </Table>
-            <Code colorScheme="blackAlpha" w="110%" >{source_info.source_code}</Code>
+      <Code colorScheme="blackAlpha" w="110%">
-        </VStack>)
+        {source_info.source_code}
-}
+      </Code>
+    </VStack>
+  );
+};
 
 export default ContractSource;

frontend/src/components/TxInfo.js

@@ -9,7 +9,7 @@ import {
   Box,
   VStack,
 } from "@chakra-ui/react";
-import ContractSource from './ContractSource'
+import ContractSource from "./ContractSource";
 import { Table, Thead, Tbody, Tr, Th, Td } from "@chakra-ui/react";
 const toEth = (wei) => {
   return wei / Math.pow(10, 18);
@@ -95,13 +95,13 @@ const TxInfo = (props) => {
             )}
         </Tbody>
       </Table>
-      {transaction.smart_contract_info && <ContractSource source_info={transaction.smart_contract_info} />}
+      {transaction.smart_contract_info && (
-      {
+        <ContractSource source_info={transaction.smart_contract_info} />
-        transaction.tx.input && transaction.tx.input !== "0x" && (
+      )}
-          <TxABI byteCode={transaction.tx.input} abi={transaction.abi} />
+      {transaction.tx.input && transaction.tx.input !== "0x" && (
-        )
+        <TxABI byteCode={transaction.tx.input} abi={transaction.abi} />
-      }
+      )}
-    </Box >
+    </Box>
   );
 };
 export default TxInfo;