fix: reject / approve form null state (#5585)

Author: savvyer

src/renderer/features/multisig-operations/components/ActionSteps/Confirmation.tsx

@@ -31,7 +31,7 @@ type Props = {
   signAccount?: AnyAccount | null;
   chain: Chain;
   api: ApiPromise;
-  fee: BN;
+  fee: BN | null;
   multisigDeposit: BN;
   valid: boolean;
   isFeeLoading: boolean;
@@ -85,7 +85,7 @@ export const Confirmation = ({
       <div className="mb-6 flex flex-col items-center gap-y-3">
         <Icon className="text-icon-default" name={getIconName(transaction)} size={60} />
 
-        {transaction && <Slot id={confirmTransactionInfoSlot} props={{ operation }} />}
+        <Slot id={confirmTransactionInfoSlot} props={{ operation }} />
       </div>
       {initiator && signAccount && (
         <Details api={api} operation={operation} account={initiator} chain={chain} signatory={signAccount} />

src/renderer/features/multisig-operations/components/ApproveForm.tsx

@@ -60,7 +60,7 @@ export const ApproveForm = ({ unsignedAccounts, chain, nativeAsset, onSubmit, op
       <div className="mb-6 flex flex-col items-center gap-y-3">
         <Icon className="text-icon-default" name={getIconName(operation.transaction)} size={60} />
 
-        {operation.transaction && <Slot id={confirmTransactionInfoSlot} props={{ operation }} />}
+        <Slot id={confirmTransactionInfoSlot} props={{ operation }} />
       </div>
 
       <Field text={t('operation.selectAccountLabel')}>

src/renderer/features/multisig-operations/components/modals/ApproveTx.tsx

@@ -163,7 +163,7 @@ export const ApproveTxModal = memo(({ operation, account, api, chain, children }
             onSubmit={onFormSubmit}
           />
         )}
-        {activeStep === Step.CONFIRMATION && fee && (
+        {activeStep === Step.CONFIRMATION && (
           <Confirmation
             operation={operation}
             api={api}

src/renderer/features/multisig-operations/components/modals/RejectTx.tsx

@@ -12,7 +12,7 @@ import {
 import { TransactionType } from '@/shared/core';
 import { useI18n } from '@/shared/i18n';
 import { useToggle } from '@/shared/lib/hooks';
-import { getAssetByTypeExtras, getNativeAsset, nonNullable } from '@/shared/lib/utils';
+import { getAssetByTypeExtras, getNativeAsset } from '@/shared/lib/utils';
 import { Button } from '@/shared/ui';
 import { Modal } from '@/shared/ui-kit';
 import { type MultisigOperation } from '@/domains/network';
@@ -152,7 +152,7 @@ export const RejectTxModal = memo(({ api, operation, account, chain, children }:
         <OperationTitle title={t(transactionTitle || '', { asset: asset?.symbol })} chainId={operation.chainId} />
       </Modal.Title>
       <Modal.Content>
-        {activeStep === Step.CONFIRMATION && nonNullable(fee) && (
+        {activeStep === Step.CONFIRMATION && (
           <Confirmation
             operation={operation}
             api={api}