Merge pull request #318 from invariant-labs/update-mainnet-token-list

update mainnet token list

Author: p6te

package-lock.json

@@ -12,15 +12,16 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "export NODE_OPTIONS=--max-old-space-size=8192 && storybook build"
+    "build-storybook": "export NODE_OPTIONS=--max-old-space-size=8192 && storybook build",
+    "update-mainnet-list": "node ./src/fetchMainnetList.js"
   },
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@invariant-labs/a0-sdk": "^0.2.27",
     "@mui/icons-material": "^5.15.15",
     "@mui/material": "^5.15.15",
-    "@nightlylabs/wallet-selector-polkadot": "^0.2.5",
+    "@nightlylabs/wallet-selector-polkadot": "^0.2.6",
     "@nivo/bar": "^0.87.0",
     "@nivo/line": "^0.86.0",
     "@polkadot/api": "^10.11.2",

package.json

@@ -164,15 +164,17 @@ export const Header: React.FC<IHeader> = ({
 
         <Grid container item className={classes.buttons} wrap='nowrap'>
           <Grid container className={classes.leftButtons}>
-            <Box sx={{ display: { xs: 'none', md: 'block' } }}>
-              <Button
-                className={buttonStyles.classes.headerButton}
-                variant='contained'
-                sx={{ '& .MuiButton-label': buttonStyles.classes.label }}
-                onClick={onFaucet}>
-                Faucet
-              </Button>
-            </Box>
+            {typeOfNetwork === Network.Testnet ? (
+              <Box sx={{ display: { xs: 'none', md: 'block' } }}>
+                <Button
+                  className={buttonStyles.classes.headerButton}
+                  variant='contained'
+                  sx={{ '& .MuiButton-label': buttonStyles.classes.label }}
+                  onClick={onFaucet}>
+                  Faucet
+                </Button>
+              </Box>
+            ) : null}
             <Box sx={{ display: { xs: 'none', md: 'block' } }}>
               <SelectRPCButton
                 rpc={rpc}

src/components/Header/Header.tsx

@@ -96,7 +96,7 @@ export const useStyles = makeStyles<{ isSelected: boolean }>()((theme: Theme, {
     backgroundColor: `${colors.invariant.Error}40`
   },
   currencyIcon: {
-    minWidth: 20,
+    width: 20,
     height: 20,
     marginRight: 8,
     borderRadius: '100%'

src/components/Inputs/DepositAmountInput/style.ts

@@ -8,7 +8,8 @@ const useStyles = makeStyles()(theme => {
       maxWidth: '100%'
     },
     headerContainer: {
-      columnGap: 24
+      columnGap: 24,
+      height: 46
     },
     back: {
       height: 24,

src/components/NewPosition/style.ts

@@ -0,0 +1,22 @@
+import fs from 'fs'
+import axios from 'axios'
+
+const run = async () => {
+  const tokensObject = (await axios.get('https://api.psplist.xyz/tokens')).data
+
+  const tokensList = {}
+  tokensObject.forEach(({ symbol, contractAddress, decimals, name, logoURI, description }) => {
+    tokensList[contractAddress] = {
+      symbol,
+      address: contractAddress,
+      decimals,
+      name,
+      logoURI: `https://api.psplist.xyz/tokens/${contractAddress}/logo`
+    }
+  })
+
+  fs.writeFileSync('./src/store/consts/tokenLists/mainnet.json', JSON.stringify(tokensList))
+  console.log('Tokens list updated!')
+}
+
+run()