feat(suite): show gas price before staking amount is provided

packages/suite/src/components/suite/modals/ReduxModal/UserContextModal/ClaimModal/ClaimModal.tsx

@@ -123,7 +123,6 @@ export const ClaimModal = ({ onCancel }: ClaimModalModalProps) => {
                             composedLevels={composedLevels}
                             changeFeeLevel={changeFeeLevel}
                             helperText={<Translation id="TR_STAKE_PAID_FROM_BALANCE" />}
-                            showFeeWhilePending={true}
                         />
                     </Card>
 

packages/suite/src/components/suite/modals/ReduxModal/UserContextModal/StakeModal/StakeEthForm/StakeEthForm.tsx

@@ -55,7 +55,6 @@ export const StakeEthForm = () => {
                         composedLevels={composedLevels}
                         changeFeeLevel={changeFeeLevel}
                         helperText={<Translation id="TR_STAKE_PAID_FROM_BALANCE" />}
-                        showFeeWhilePending={false}
                     />
                 </Card>
             </Column>

packages/suite/src/components/suite/modals/ReduxModal/UserContextModal/UnstakeModal/UnstakeEthForm/Fees.tsx

@@ -37,7 +37,6 @@ const UnstakeFees = () => {
                 composedLevels={composedLevels}
                 changeFeeLevel={changeFeeLevel}
                 helperText={<Translation id="TR_STAKE_PAID_FROM_BALANCE" />}
-                showFeeWhilePending={false}
             />
         </StyledCard>
     );

packages/suite/src/components/suite/modals/ReduxModal/UserContextModal/UnstakeModal/UnstakeEthForm/UnstakeEthForm.tsx

@@ -80,7 +80,6 @@ export const UnstakeEthForm = () => {
                         composedLevels={composedLevels}
                         changeFeeLevel={changeFeeLevel}
                         helperText={<Translation id="TR_STAKE_PAID_FROM_BALANCE" />}
-                        showFeeWhilePending={false}
                     />
                 </Card>
 

packages/suite/src/components/wallet/Fees/Fees.tsx

@@ -66,7 +66,6 @@ export interface FeesProps<TFieldValues extends FormState> {
     label?: TranslationKey;
     rbfForm?: boolean;
     helperText?: React.ReactNode;
-    showFeeWhilePending?: boolean;
 }
 
 export const Fees = <TFieldValues extends FormState>({
@@ -79,7 +78,6 @@ export const Fees = <TFieldValues extends FormState>({
     label,
     rbfForm,
     helperText,
-    showFeeWhilePending = true,
     ...props
 }: FeesProps<TFieldValues>) => {
     // Type assertion allowing to make the component reusable, see https://stackoverflow.com/a/73624072.
@@ -95,8 +93,7 @@ export const Fees = <TFieldValues extends FormState>({
     // Solana has only `normal` fee level, so we do not display any feeOptions since there is nothing to choose from
     const feeOptions = networkType === 'solana' ? [] : buildFeeOptions(feeInfo.levels);
 
-    const showNormalFee = showFeeWhilePending || transactionInfo?.type === 'final';
-    const shouldAnimateNormalFee = showNormalFee && !isCustomLevel;
+    const shouldAnimateNormalFee = !isCustomLevel;
 
     return (
         <Column gap={spacings.xs}>
@@ -164,7 +161,7 @@ export const Fees = <TFieldValues extends FormState>({
                                     feeInfo={feeInfo}
                                     selectedLevel={selectedLevel}
                                     transactionInfo={transactionInfo}
-                                    showFee={showNormalFee}
+                                    showFee={true}
                                 />
                             </motion.div>
                         )}