updated metamask initialization

.github/workflows/deployment.yml

@@ -6,7 +6,8 @@ name: deployment to Github-pages
 # events but only for the master branch
 on:
   push:
-    branches: [master]
+    branches:
+      - main
 
 # A workflow run is made up of one or more jobs that can run sequentially or in parallel
 jobs:
@@ -18,7 +19,8 @@ jobs:
     # Steps represent a sequence of tasks that will be executed as part of the job
     steps:
       # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
-      - uses: actions/checkout@v2
+      - name: Checkout
+        uses: actions/[email protected]
 
       # Send a notification in slack
       # - name: Send a start pipeline notification to Slack
@@ -42,8 +44,8 @@ jobs:
           PRIVATE_KEY: ${{ secrets.PRIVATE_KEY }}
           REACT_APP_CONTRACT_ADDRESS: ${{ secrets.REACT_APP_CONTRACT_ADDRESS }}
 
-      - name: deploy-to-github-pages
-        uses: JamesIves/github-pages-deploy-action@3.6.1
+      - name: Deploy to Github pages
+        uses: JamesIves/github-pages-deploy-action@4.1.7
         with:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           BRANCH: gh-pages

package.json

@@ -37,7 +37,6 @@
     "react-router-dom": "6",
     "react-scripts": "4.0.3",
     "styled-components": "^5.3.3",
-    "web-vitals": "^1.0.1",
     "web3": "^1.6.1"
   },
   "eslintConfig": {

src/hooks/useMetamask.js

@@ -7,11 +7,11 @@ function useMetamask() {
 
   // Initialize Metamask instance if its present in the browser
   useEffect(() => {
-    if (!window?.web3?.currentProvider) {
+    if (!window.ethereum) {
       return;
     }
 
-    const metamaskInstance = new Web3(window.web3.currentProvider);
+    const metamaskInstance = new Web3(window.ethereum);
 
     setMetamaskInstance(metamaskInstance);
   }, []);