style: add eslint configuration and fixed linter issues (#35)

* style: add eslint configuration as per bee-js * chore: add `plugin:react/reocommended` in `.eslintrc` Co-authored-by: nugaon <50576770+nugaon@users.noreply.github.com> * chore: add `consistent` to `array-bracket-newline` as per review * style: after automatic fixes with `npm run lint` * style: fixed all linter errors * refactor: fixed all linter warnings * chore: added missing new line at end of `.prettierrc` file Co-authored-by: nugaon <50576770+nugaon@users.noreply.github.com>
2021-04-03 14:04:37 +02:00
parent 9838aa70c8
commit bc01d60728
54 changed files with 3454 additions and 2782 deletions
@@ -1,64 +1,80 @@
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import { Table, TableBody, TableCell, TableContainer, TableRow, TableHead, Paper, Container, CircularProgress } from '@material-ui/core';
+import type { ReactElement } from 'react'
+import { makeStyles } from '@material-ui/core/styles'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableRow,
+  TableHead,
+  Paper,
+  Container,
+  CircularProgress,
+} from '@material-ui/core'

-import { ConvertBalanceToBZZ } from '../../utils/common';
+import { ConvertBalanceToBZZ } from '../../utils/common'

 const useStyles = makeStyles({
-    table: {
-      minWidth: 650,
-    },
-  });
+  table: {
+    minWidth: 650,
+  },
+})

 interface PeerBalance {
-    balance: number,
-    peer: string,
+  balance: number
+  peer: string
 }

 interface PeerBalances {
-    balances: Array<PeerBalance>
+  balances: Array<PeerBalance>
 }

-interface IProps {
-    peerBalances: PeerBalances | null,
-    loading?: boolean,
-}
-  
-function BalancesTable(props: IProps) {
-    const classes = useStyles();
-
-    return (
-        <div>
-            {props.loading ? 
-            <Container style={{textAlign:'center', padding:'50px'}}>
-                <CircularProgress />
-            </Container>
-            :
-             <TableContainer component={Paper}>
-                <Table className={classes.table} size="small" aria-label="simple table">
-                    <TableHead>
-                    <TableRow>
-                        <TableCell>Peer</TableCell>
-                        <TableCell style={{textAlign:'right'}}>Balance (BZZ)</TableCell>
-                        <TableCell align="right"></TableCell>
-                    </TableRow>
-                    </TableHead>
-                    <TableBody>
-                    {props.peerBalances?.balances.map((peerBalance: PeerBalance, idx: number) => (
-                        <TableRow key={peerBalance.peer}>
-                        <TableCell>{peerBalance.peer}</TableCell>
-                        <TableCell style={{ color: ConvertBalanceToBZZ(peerBalance.balance) > 0 ? '#32c48d' : '#c9201f', textAlign:'right', fontFamily: 'monospace, monospace' }}>
-                            {ConvertBalanceToBZZ(peerBalance.balance).toFixed(7).toLocaleString() }
-                        </TableCell>
-                        <TableCell align="right">
-                        </TableCell>
-                        </TableRow>
-                    ))}
-                    </TableBody>
-                </Table>
-            </TableContainer>}
-        </div>
-    )
+interface Props {
+  peerBalances: PeerBalances | null
+  loading?: boolean
 }

-export default BalancesTable;
+function BalancesTable(props: Props): ReactElement {
+  const classes = useStyles()
+
+  return (
+    <div>
+      {props.loading ? (
+        <Container style={{ textAlign: 'center', padding: '50px' }}>
+          <CircularProgress />
+        </Container>
+      ) : (
+        <TableContainer component={Paper}>
+          <Table className={classes.table} size="small" aria-label="simple table">
+            <TableHead>
+              <TableRow>
+                <TableCell>Peer</TableCell>
+                <TableCell style={{ textAlign: 'right' }}>Balance (BZZ)</TableCell>
+                <TableCell align="right"></TableCell>
+              </TableRow>
+            </TableHead>
+            <TableBody>
+              {props.peerBalances?.balances.map((peerBalance: PeerBalance) => (
+                <TableRow key={peerBalance.peer}>
+                  <TableCell>{peerBalance.peer}</TableCell>
+                  <TableCell
+                    style={{
+                      color: ConvertBalanceToBZZ(peerBalance.balance) > 0 ? '#32c48d' : '#c9201f',
+                      textAlign: 'right',
+                      fontFamily: 'monospace, monospace',
+                    }}
+                  >
+                    {ConvertBalanceToBZZ(peerBalance.balance).toFixed(7).toLocaleString()}
+                  </TableCell>
+                  <TableCell align="right"></TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </TableContainer>
+      )}
+    </div>
+  )
+}
+
+export default BalancesTable