Fixed a couple of minor bugs & linear logo

Author: Itzik Grossman

.eslintrc.js

@@ -5,6 +5,7 @@ module.exports = {
   },
   plugins: ['@typescript-eslint', 'react-hooks'],
   rules: {
+    curly: 'error',
     'require-await': 'off',
   },
 };

public/static/tokens/logo-crypto-linear-buildr.svg

@@ -1,6 +1,9 @@
 export const sleep = duration => new Promise(res => setTimeout(res, duration));
 
-export const networkToDisplay = (name: string) => {
+export const networkToDisplay = (name?: string) => {
+  if (!name) {
+    return '';
+  }
   switch (name.toLowerCase().trim()) {
     case 'binancesmartchain':
       return 'Binance Smart Chain';

src/blockchain-bridge/utils.ts

@@ -1,9 +1,8 @@
-import React from 'react'
+import React from 'react';
 import { Button, List, Popup } from 'semantic-ui-react';
 import { HealthStatusDetailed, Signer, signerToString, SignerTypes } from './utils';
 
 function timeDifference(current, previous) {
-
   var msPerMinute = 60 * 1000;
   var msPerHour = msPerMinute * 60;
   var msPerDay = msPerHour * 24;
@@ -13,65 +12,50 @@ function timeDifference(current, previous) {
   var elapsed = current - previous;
 
   if (elapsed < msPerMinute) {
-    return Math.round(elapsed/1000) + ' seconds ago';
-  }
-
-  else if (elapsed < msPerHour) {
-    return Math.round(elapsed/msPerMinute) + ' minutes ago';
-  }
-
-  else if (elapsed < msPerDay ) {
-    return Math.round(elapsed/msPerHour ) + ' hours ago';
-  }
-
-  else if (elapsed < msPerMonth) {
-    return Math.round(elapsed/msPerDay) + ' days ago';
-  }
-
-  else if (elapsed < msPerYear) {
-    return Math.round(elapsed/msPerMonth) + ' months ago';
-  }
-
-  else {
-    return Math.round(elapsed/msPerYear ) + ' years ago';
+    return Math.round(elapsed / 1000) + ' seconds ago';
+  } else if (elapsed < msPerHour) {
+    return Math.round(elapsed / msPerMinute) + ' minutes ago';
+  } else if (elapsed < msPerDay) {
+    return Math.round(elapsed / msPerHour) + ' hours ago';
+  } else if (elapsed < msPerMonth) {
+    return Math.round(elapsed / msPerDay) + ' days ago';
+  } else if (elapsed < msPerYear) {
+    return Math.round(elapsed / msPerMonth) + ' months ago';
+  } else {
+    return Math.round(elapsed / msPerYear) + ' years ago';
   }
 }
 
-const HealthDetails = (props: {health: HealthStatusDetailed}) => {
-  let x =[];
+const HealthDetails = (props: { health: HealthStatusDetailed }) => {
+  let x = [];
 
-  SignerTypes.forEach(
-    (signer) => {
-      x.push(
-        <List.Item>
-          <List.Icon name="circle" color={props.health[signer]?.status ? "green" : "red"} />
-          <List.Content>
-            <List.Header as="a">{signerToString(signer)}</List.Header>
-            {props.health[signer]?.time ?
+  SignerTypes.forEach(signer => {
+    x.push(
+      <List.Item key={signer}>
+        <List.Icon name="circle" color={props.health[signer]?.status ? 'green' : 'red'} />
+        <List.Content>
+          <List.Header as="a">{signerToString(signer)}</List.Header>
+          {props.health[signer]?.time ? (
             <List.Description as="a">Updated {timeDifference(Date.now(), props.health[signer].time)}</List.Description>
-              : null}
-          </List.Content>
-        </List.Item>
-      );
-    }
-  );
+          ) : null}
+        </List.Content>
+      </List.Item>,
+    );
+  });
 
-  return (<List divided relaxed>
-    {x}
-  </List>);
-}
-
-const HealthPopup = (props) => {
+  return (
+    <List divided relaxed>
+      {x}
+    </List>
+  );
+};
 
+const HealthPopup = props => {
   if (!props.health) {
-    return <></>
+    return <></>;
   }
 
-  return (
-    <Popup content={HealthDetails(props)} trigger={props.children}>
-
-    </Popup>
-  );
-}
+  return <Popup content={HealthDetails(props)} trigger={props.children}></Popup>;
+};
 
-export default HealthPopup
+export default HealthPopup;

src/pages/Exchange/HealthPopup.tsx

@@ -20,6 +20,11 @@ export class Tokens extends ListStoreConstructor<ITokenInfo> {
       },
     });
   }
+
+  getTokenBySymbol(symbol: string): ITokenInfo {
+    return this.allData.find(token => token.display_props.symbol.toLowerCase() === symbol.toLowerCase());
+  }
+
   //
   @computed get totalLockedUSD() {
     return this.allData.reduce((acc, v) => acc + Number(v.totalLockedUSD), 0);