Merge pull request #1844 from gnosis/release/v2.19.0

Merge release v2.19.0 back to development

package.json

@@ -1,6 +1,6 @@
 {
   "name": "safe-react",
-  "version": "2.18.1",
+  "version": "2.19.1",
   "description": "Allowing crypto users manage funds in a safer way",
   "website": "https://github.com/gnosis/safe-react#readme",
   "bugs": {

src/components/TransactionsFees/index.tsx

@@ -21,6 +21,9 @@ export const TransactionFees = ({
   txEstimationExecutionStatus,
 }: TransactionFailTextProps): React.ReactElement | null => {
   let transactionAction
+  if (txEstimationExecutionStatus === EstimationStatus.LOADING) {
+    return null
+  }
   if (isCreation) {
     transactionAction = 'create'
   } else if (isExecution) {

src/index.tsx

@@ -26,7 +26,7 @@ Sentry.init({
   dsn: SENTRY_DSN,
   release: `safe-react@${process.env.REACT_APP_APP_VERSION}`,
   integrations: [new Integrations.BrowserTracing()],
-  sampleRate: 0.2,
+  sampleRate: 0.01,
 })
 
 const root = document.getElementById('root')

src/logic/safe/transactions/gas.ts

@@ -182,15 +182,17 @@ const calculateMinimumGasForTransaction = async (
     const amountOfGasToTryTx = txGasEstimation + dataGasEstimation + additionalGas
     console.info(`Estimating transaction creation with gas amount: ${amountOfGasToTryTx}`)
     try {
-      await getGasEstimationTxResponse({
+      const estimation = await getGasEstimationTxResponse({
         to: safeAddress,
         from: safeAddress,
         data: estimateData,
         gasPrice: 0,
         gas: amountOfGasToTryTx,
       })
-      console.info(`Gas estimation successfully finished with gas amount: ${amountOfGasToTryTx}`)
+      if (estimation > 0) {
-      return amountOfGasToTryTx
+        console.info(`Gas estimation successfully finished with gas amount: ${amountOfGasToTryTx}`)
+        return amountOfGasToTryTx
+      }
     } catch (error) {
       console.log(`Error trying to estimate gas with amount: ${amountOfGasToTryTx}`)
     }

src/routes/safe/components/Settings/ManageOwners/AddOwnerModal/index.tsx

@@ -21,7 +21,6 @@ import ThresholdForm from './screens/ThresholdForm'
 const styles = createStyles({
   biggerModalWindow: {
     width: '775px',
-    minHeight: '500px',
     height: 'auto',
   },
 })

src/routes/safe/components/Settings/ManageOwners/RemoveOwnerModal/index.tsx

@@ -18,7 +18,6 @@ import { TxParameters } from 'src/routes/safe/container/hooks/useTransactionPara
 const styles = createStyles({
   biggerModalWindow: {
     width: '775px',
-    minHeight: '500px',
     height: 'auto',
   },
 })

src/routes/safe/components/Settings/ManageOwners/RemoveOwnerModal/screens/Review/index.tsx

@@ -216,16 +216,18 @@ export const ReviewRemoveOwnerModal = ({
             isTransactionExecution={isExecution}
           />
 
-          <Block className={classes.gasCostsContainer}>
+          {txEstimationExecutionStatus === EstimationStatus.LOADING ? null : (
-            <TransactionFees
+            <Block className={classes.gasCostsContainer}>
-              gasCostFormatted={gasCostFormatted}
+              <TransactionFees
-              isExecution={isExecution}
+                gasCostFormatted={gasCostFormatted}
-              isCreation={isCreation}
+                isExecution={isExecution}
-              isOffChainSignature={isOffChainSignature}
+                isCreation={isCreation}
-              txEstimationExecutionStatus={txEstimationExecutionStatus}
+                isOffChainSignature={isOffChainSignature}
-            />
+                txEstimationExecutionStatus={txEstimationExecutionStatus}
-          </Block>
+              />
-          <Hairline />
+              <Hairline />
+            </Block>
+          )}
           <Row align="center" className={classes.buttonRow}>
             <Button minHeight={42} minWidth={140} onClick={onClickBack}>
               Back

src/routes/safe/components/Settings/ManageOwners/ReplaceOwnerModal/index.tsx

@@ -21,7 +21,6 @@ import { TxParameters } from 'src/routes/safe/container/hooks/useTransactionPara
 const styles = createStyles({
   biggerModalWindow: {
     width: '775px',
-    minHeight: '500px',
     height: 'auto',
   },
 })

src/routes/safe/components/Settings/SpendingLimit/NewLimitModal/Review.tsx

@@ -120,6 +120,8 @@ const calculateSpendingLimitsTxData = (
     if (transactions.length === 0) {
       spendingLimitTxData = setSpendingLimitTx({ spendingLimitArgs, safeAddress })
     } else {
+      const encodedTxForMultisend = setSpendingLimitMultiSendTx({ spendingLimitArgs, safeAddress })
+      transactions.push(encodedTxForMultisend)
       spendingLimitTxData = spendingLimitMultiSendTx({ transactions, safeAddress })
     }
 
@@ -193,7 +195,7 @@ export const ReviewSpendingLimits = ({ onBack, onClose, txToken, values }: Revie
       ethGasLimit: ethGasLimit || gasLimit,
     }
     if (safeAddress) {
-      const { spendingLimitTxData, transactions, spendingLimitArgs } = calculateSpendingLimitsTxData(
+      const { spendingLimitTxData } = calculateSpendingLimitsTxData(
         safeAddress,
         spendingLimits,
         existentSpendingLimit,
@@ -201,12 +203,7 @@ export const ReviewSpendingLimits = ({ onBack, onClose, txToken, values }: Revie
         values,
         advancedOptionsTxParameters,
       )
-      // if there's no tx for enable module or adding a delegate, then we avoid using multiSend Tx
+
-      if (transactions.length === 0) {
-        dispatch(createTransaction(spendingLimitTxData))
-        return
-      }
-      transactions.push(setSpendingLimitMultiSendTx({ spendingLimitArgs, safeAddress }))
       dispatch(createTransaction(spendingLimitTxData))
     }
   }