Gas price fix #145 #168 + StakeGuage format

[mystic-mango]

Description

Modified:

• src/utils/common.js
• src/store/init/onboard.js
• src/components/Stake/StakeGauge.vue

Hardcoded gas fee has been replaced with the web3.js getGasPrice call (doc).

Breakdown of multiplies for gas fees and values of priority fee:

low: lowGasPrice, // Here we're assuming low is 80% of the current gas price but a min of 2100wei.
medium: gasPriceInGwei,
high: gasPriceInGwei * 1.2, // Here we're assuming high is 120% of the current gas price.
   tip: {
      low: 1, // Adjust these priority fees as you see fit.
      medium: 2,
      high: 5,
   },

The Infura API key has also been exported from the onboard.js file and imported into the common.js where the web3 instance is initiated.

Some error handling was also added.

Fixes #145 #168

Stakeguage slid in with a commit too, fixed some formatting

Type of change

• [x] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)

Testing

• [x] Printing gas + tip to console Note: debugging has been removed for prod.

• [ ] Unable to confirm with transaction ... I don't have any tokens to test with... yet

[aws-amplify-us-east-2[bot]]

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-171.df86yn386iuh7.amplifyapp.com

[mystic-mango]

New approach taken with improved API calls