Integrate Tokens table data from the subgraph

.github/workflows/ci.yml

@@ -28,7 +28,7 @@ jobs:
       - name: Set up node
         uses: actions/setup-node@v2
         with:
-          node-version: 12
+          node-version: 16
 
       - name: Set output of cache
         id: yarn-cache
@@ -67,7 +67,7 @@ jobs:
       - name: Set up node
         uses: actions/setup-node@v2
         with:
-          node-version: 12
+          node-version: 16
 
       - name: Load dependencies
         id: cache-node-modules
@@ -98,7 +98,7 @@ jobs:
       - name: Set up node
         uses: actions/setup-node@v2
         with:
-          node-version: 12
+          node-version: 16
 
       - name: Load dependencies
         id: cache-node-modules
@@ -132,7 +132,7 @@ jobs:
       - name: Set up node
         uses: actions/setup-node@v2
         with:
-          node-version: 12
+          node-version: 16
 
       - name: Load dependencies
         id: cache-node-modules

package.json

@@ -5,7 +5,7 @@
   "main": "src/index.js",
   "sideEffects": false,
   "engines": {
-    "node": "12"
+    "node": "16"
   },
   "scripts": {
     "start": "npm run start:explorer",
@@ -52,7 +52,7 @@
   "dependencies": {
     "@amcharts/amcharts4": "^4.9.12",
     "@apollo/client": "^3.1.5",
-    "@cowprotocol/cow-sdk": "^0.0.9",
+    "@cowprotocol/cow-sdk": "^0.0.12",
     "@fortawesome/fontawesome-svg-core": "^1.2.26",
     "@fortawesome/free-regular-svg-icons": "^5.12.0",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
@@ -83,7 +83,7 @@
     "eth-json-rpc-middleware": "^4.4.1",
     "ethers": "^5.0.26",
     "flexsearch": "^0.7.21",
-    "graphql": "^15.3.0",
+    "graphql": "^16.5.0",
     "inter-ui": "^3.15.0",
     "joi": "^17.2.0",
     "json-rpc-engine": "5.3.0",
@@ -130,6 +130,7 @@
     "@types/bn.js": "^4.11.6",
     "@types/combine-reducers": "^1.0.0",
     "@types/cytoscape": "^3.19.4",
+    "@types/cytoscape-popper": "^2.0.0",
     "@types/enzyme": "^3.10.4",
     "@types/enzyme-adapter-react-16": "^1.0.5",
     "@types/flexsearch": "^0.7.3",
@@ -144,7 +145,6 @@
     "@types/react-router-dom": "^5.1.3",
     "@types/styled-components": "^5.0.1",
     "@types/webpack-env": "^1.15.2",
-    "@types/cytoscape-popper": "^2.0.0",
     "@typescript-eslint/eslint-plugin": "^4.3.0",
     "@typescript-eslint/parser": "^4.3.0",
     "babel-jest": "^26.1.0",
@@ -168,7 +168,7 @@
     "eslint-plugin-react": "^7.21.2",
     "eslint-plugin-react-hooks": "^4.1.2",
     "eslint-utils": ">=2.1.0",
-    "favicons-webpack-plugin": "^3.0.1",
+    "favicons-webpack-plugin": "^4.0.0",
     "file-loader": "^6.0.0",
     "fork-ts-checker-webpack-plugin": "^4.0.3",
     "frontmatter-markdown-loader": "^3.2.1",

src/api/operator/types.ts

@@ -84,24 +84,6 @@ export type Trade = Pick<RawTrade, 'blockNumber' | 'logIndex' | 'owner' | 'txHas
   surplusPercentage?: BigNumber
 }
 
-export type Token = {
-  id: number
-  name: string
-  symbol: string
-  totalVolumeUsd: string
-  firstTradeTimestamp: string
-  priceEth: string
-  priceUsd: string
-  last24hours: number
-  sevenDays: number
-  last7Days: {
-    currentVolume: number
-    changedVolume: number
-    values: Array<{ time: string; value: number }>
-  }
-  lastDayVolume: string
-} & TokenErc20
-
 export type WithNetworkId = { networkId: Network }
 
 export type GetOrderParams = WithNetworkId & {

src/apps/explorer/components/SummaryCardsWidget/VolumeChart/useGetVolumeData.ts

@@ -7,7 +7,7 @@ import { VolumePeriod } from './VolumeChartWidget'
 import { VolumeDataResponse } from './VolumeChart'
 
 type RawVolumeItem = {
-  timestamp: string
+  timestamp: number
   volumeUsd: string
 }