Merge pull request #52 from FrederikBolding/eip1559-gas

EIP 1559 gas estimation / type-2 transactions now generated by dashboard

package.json

@@ -44,6 +44,7 @@
     "@feathersjs/feathers": "^4.5.11",
     "@feathersjs/socketio": "^4.5.11",
     "@feathersjs/socketio-client": "^4.5.11",
+    "bignumber.js": "^9.0.1",
     "compression": "^1.7.4",
     "cors": "^2.8.5",
     "ethers": "^4.0.48",

src/components/DelayModal.jsx

@@ -4,6 +4,7 @@ import Modal from 'react-modal';
 
 import Web3Button from './Web3Button';
 import config from '../configuration';
+import { sendTx } from '../eip1559';
 
 const style = {
   content: {
@@ -40,9 +41,10 @@ class DelayModal extends React.Component {
           onClick={context => {
             const contract = config.getContract(context);
             if (contract) {
-              contract.methods
-                .delayPayment(this.props.delayId, this.state.seconds)
-                .send({ from: context.account });
+              sendTx(
+                context,
+                contract.methods.delayPayment(this.props.delayId, this.state.seconds),
+              );
             }
             this.props.handleClose();
           }}

src/components/PaymentsTable.jsx

@@ -8,6 +8,7 @@ import config from '../configuration';
 import Web3Button from './Web3Button';
 import DelayModal from './DelayModal';
 import DateLabel from './DateLabel';
+import { sendTx } from '../eip1559';
 
 const client = feathers();
 client.configure(
@@ -187,9 +188,7 @@ class PaymentsTable extends Component {
                     onClick={context => {
                       const contract = config.getContract(context);
                       if (contract) {
-                        contract.methods
-                          .disburseAuthorizedPayment(row.ids)
-                          .send({ from: context.account });
+                        sendTx(context, contract.methods.disburseAuthorizedPayment(row.ids));
                       }
                     }}
                     text="Pay"
@@ -243,7 +242,7 @@ class PaymentsTable extends Component {
             onClick={context => {
               const contract = config.getContract(context);
               if (contract) {
-                contract.methods.checkIn().send({ from: context.account });
+                sendTx(context, contract.methods.checkIn());
               }
             }}
             text="Check In"
@@ -260,9 +259,7 @@ class PaymentsTable extends Component {
             onClick={context => {
               const contract = config.getContract(context);
               if (contract) {
-                contract.methods
-                  .disburseAuthorizedPayments(pendingPayments)
-                  .send({ from: context.account });
+                sendTx(context, contract.methods.disburseAuthorizedPayments(pendingPayments));
               }
             }}
             text="Disburse All Payments"

src/eip1559.js

@@ -0,0 +1,15 @@
+// eslint-ignore
+import BigNumber from 'bignumber.js';
+
+export const estimateGasFees = async context => {
+  const block = await context.library.eth.getBlock('latest');
+  const baseFee = block.baseFeePerGas;
+  const maxFeePerGas = new BigNumber(baseFee).multipliedBy(2);
+  const maxPriorityFeePerGas = new BigNumber('3000000000');
+  return { maxFeePerGas, maxPriorityFeePerGas, type: '0x2' };
+};
+
+export const sendTx = async (context, tx) => {
+  const gas = await estimateGasFees(context);
+  tx.send({ from: context.account, ...gas });
+};