Prettier formatting

frontend/src/components/StreamEntry.js

@@ -30,12 +30,11 @@ const StreamEntry = ({ entry, filterCallback, filterConstants }) => {
     } else if (copyString) {
       onCopy();
     }
-
   }, [copyString, onCopy, hasCopied, toast]);
   const handleViewClicked = (entryId) => {
     ui.setEntryId(entryId);
     ui.setEntriesViewMode("entry");
-    useTxCashe.setCurrentTransaction(entry)
+    useTxCashe.setCurrentTransaction(entry);
     router.push({
       pathname: `/stream/${entry.hash}`,
       query: router.query,

frontend/src/components/TxInfo.js

@@ -51,8 +51,8 @@ const TxABI = (props) => {
 const TxInfo = (props) => {
   const transaction = props.transaction;
   const dont_display = (key) => {
-        return !["input"].includes(key)
+    return !["input"].includes(key);
-    }
+  };
   return (
     <Box boxShadow="xs" p="6" rounded="md">
       <StatGroup>
@@ -73,25 +73,25 @@ const TxInfo = (props) => {
         </Stat>
       </StatGroup>
 
-            <Table variant="simple" >
+      <Table variant="simple">
         <Tbody>
-                    {Object.keys(transaction.tx).filter(dont_display).map((key) => (
+          {Object.keys(transaction.tx)
-                        (transaction.tx[key] != undefined && <Tr key = {key}>
+            .filter(dont_display)
+            .map(
+              (key) =>
+                transaction.tx[key] != undefined && (
+                  <Tr key={key}>
                     <Td>{key}</Td>
                     <Td>{transaction.tx[key]}</Td>
-                        </Tr>)
+                  </Tr>
-                    ))}
+                )
+            )}
         </Tbody>
       </Table>
-            {transaction.tx.input && transaction.tx.input !== "0x" &&
+      {transaction.tx.input && transaction.tx.input !== "0x" && (
-                <TxABI 
+        <TxABI byteCode={transaction.tx.input} abi={transaction.abi} />
-                byteCode={transaction.tx.input} 
+      )}
-                abi={transaction.abi}
-                />
-            }
     </Box>
-        
+  );
-            
+};
-    )
-}
 export default TxInfo;

frontend/src/core/hooks/index.js

@@ -20,5 +20,5 @@ export { default as useStripe } from "./useStripe";
 export { default as useSubscriptions } from "./useSubscriptions";
 export { default as useToast } from "./useToast";
 export { default as useTxInfo } from "./useTxInfo";
-export { default as useTxCashe } from "./useTxCache"
+export { default as useTxCashe } from "./useTxCache";
 export { default as useUser } from "./useUser";

frontend/src/core/hooks/useTxCache.js

@@ -1,7 +1,11 @@
 class TxCashe {
-    currentTransaction = undefined
+  currentTransaction = undefined;
-    getCurrentTransaction(){return this.currentTransaction}
+  getCurrentTransaction() {
-    setCurrentTransaction(transaction){ this.currentTransaction = transaction}
+    return this.currentTransaction;
+  }
+  setCurrentTransaction(transaction) {
+    this.currentTransaction = transaction;
+  }
 }
 const useTxCashe = new TxCashe();
 export default useTxCashe;

frontend/src/core/hooks/useTxInfo.js

@@ -4,14 +4,22 @@ import { queryCacheProps } from "./hookCommon";
 import { useToast } from ".";
 
 const useTxInfo = (transaction) => {
-    if (!transaction.tx) return {data: "undefined", isLoading: false, isFetchedAfterMount: true, refetch: false, isError: true, error: "undefined"}
+  if (!transaction.tx)
+    return {
+      data: "undefined",
+      isLoading: false,
+      isFetchedAfterMount: true,
+      refetch: false,
+      isError: true,
+      error: "undefined",
+    };
   const toast = useToast();
   const getTxInfo = async () => {
     const response = await TxInfoService.getTxInfo(transaction);
     return response.data;
-    }
+  };
   const { data, isLoading, isFetchedAfterMount, refetch, isError, error } =
-    useQuery(["txinfo", transaction.tx.hash ], getTxInfo, {
+    useQuery(["txinfo", transaction.tx.hash], getTxInfo, {
       ...queryCacheProps,
       onError: (error) => toast(error, "error"),
     });