React components update (#64)

* Update dependencies

* Update next.config.js

* Update jest.setup.js

* Update jest.config.js

* Update constants.ts

* Use utils from react-components

* linter fixes

* Add index render test

constants.ts

@@ -5,4 +5,5 @@ export enum PAGE {
   MESSAGE = '/message'
 }
 
-export const GLIF_DISCORD = 'https://discord.gg/8Hqm3qvK'
+export const GLIF_DISCORD = 'https://discord.gg/B9ju5Eu4Rq'
+export const GLIF_TWITTER = 'https://twitter.com/glifio'

jest.config.js

@@ -10,9 +10,20 @@ module.exports = {
     '^.+\\.module\\.(css|sass|scss)$'
   ],
   moduleNameMapper: {
-    '^.+\\.module\\.(css|sass|scss)$': 'identity-obj-proxy'
+    '^.+\\.module\\.(css|sass|scss)$': 'identity-obj-proxy',
+    'multiformats/basics':
+      '<rootDir>/node_modules/multiformats/cjs/src/basics.js',
+    'multiformats/cid': '<rootDir>/node_modules/multiformats/cjs/src/cid.js',
+    multiformats: '<rootDir>/node_modules/multiformats/cjs/src/index.js',
+    '@ipld/dag-cbor': '<rootDir>/node_modules/@ipld/dag-cbor/cjs/index.js',
+    cborg: '<rootDir>/node_modules/cborg/cjs/cborg.js',
+    uint8arrays: '<rootDir>/node_modules/uint8arrays/cjs/src/index.js'
   },
   setupFilesAfterEnv: ['./jest.setup.js'],
   testEnvironment: 'jsdom',
-  modulePathIgnorePatterns: ['<rootDir>/.*/__mocks__']
+  modulePathIgnorePatterns: ['<rootDir>/.*/__mocks__'],
+  clearMocks: true,
+  fakeTimers: {
+    enableGlobally: true
+  }
 }

jest.setup.js

@@ -1,12 +1,19 @@
 const { TextDecoder, TextEncoder } = require('util')
-
 global.TextDecoder = TextDecoder
 global.TextEncoder = TextEncoder
 
 import '@testing-library/jest-dom'
 import 'jest-styled-components'
 import 'whatwg-fetch'
 
+process.env.NEXT_PUBLIC_HOME_URL = 'https://glif.io'
+process.env.NEXT_PUBLIC_BLOG_URL = 'https://blog.glif.io/'
+process.env.NEXT_PUBLIC_WALLET_URL = 'https://wallet-calibration.glif.link'
+process.env.NEXT_PUBLIC_SAFE_URL = 'https://safe-calibration.glif.link'
+process.env.NEXT_PUBLIC_EXPLORER_URL = 'https://explorer-calibration.glif.link'
+process.env.NEXT_PUBLIC_VERIFIER_URL = 'https://verify-calibration.glif.link'
 process.env.NEXT_PUBLIC_LOTUS_NODE_JSONRPC =
   'https://calibration.node.glif.io/rpc/v0'
 process.env.NEXT_PUBLIC_COIN_TYPE = 't'
+process.env.NEXT_PUBLIC_GRAPH_API_URL =
+  'https://graph-calibration.glif.link/query'

next.config.js

@@ -16,7 +16,10 @@ const webpack = (config) => {
     react: path.resolve('./node_modules/react'),
     'react-dom': path.resolve('./node_modules/react-dom'),
     next: path.resolve('./node_modules/next'),
-    'styled-components': path.resolve('./node_modules/styled-components')
+    'styled-components': path.resolve('./node_modules/styled-components'),
+    '@glif/react-components': path.resolve(
+      './node_modules/@glif/react-components'
+    )
   }
 
   return adjustedConf