cleanup

Author: tripolskypetr

README.md

@@ -4,7 +4,7 @@
 
 ## Usage
 
-1. Start [ganache](https://trufflesuite.com/ganache/) instance by running `npm start`
+1. Start [ganache](https://trufflesuite.com/ganache/) instance by running `npm start` in [ganache](./packages/ganache) folder
 2. Deploy [TestERC20.sol](./packages/client/src/contract/TestERC20.sol), [PaymentGatewayContract.sol](./packages/client/src/contract/PaymentGatewayContract.sol) by using [Remix IDE](https://remix-project.org/)
 3. Mint some tokens in `TestERC20` by calling `mint` method. The UI is using `18 digits` representation of token decimals, so you should pass an argument like `200000000000000000000`.
 4. Allow withdrawal in `TestERC20` by calling `approve` method (with `PaymentGatewayContract` **deployer address**). Pass **the same amount from the step 3**

packages/client/src/components/App.tsx

@@ -42,7 +42,7 @@ export const App = observer(() => {
       {ioc.layoutService.hasAppbarLoader && (
         <Box
           sx={{
-            marginBottom: -4,
+            marginBottom: '-4px',
           }}
         >
           <LinearProgress color="secondary" />

packages/client/src/pages/AdminPage.tsx

@@ -2,7 +2,6 @@ import {
   List,
   IColumn,
   ColumnType,
-  FieldType,
   useArrayPaginator,
   Breadcrumbs,
 } from 'react-declarative';
@@ -64,6 +63,8 @@ export const AdminPage = () => {
     searchHandler: (rows: IRowData[], search: string) => {
         return rows.filter(({ data, sender }) => (data + sender).toLowerCase().includes(search.toLowerCase()))
     },
+    onLoadStart: () => ioc.layoutService.setAppbarLoader(true),
+    onLoadEnd: () => ioc.layoutService.setAppbarLoader(false),
   });
   return (
     <>