Display QRCode on publish multi-sig transaction

typo error in create multi-sig wallet

src/components/display-signed-tx/DisplaySignedTx.tsx

@@ -0,0 +1,39 @@
+import * as wasm from 'ergo-lib-wasm-browser';
+import { useEffect, useState } from 'react';
+import StateMessage from '../state-message/StateMessage';
+import { CircularProgress } from '@mui/material';
+import DisplayQRCode from '../display-qrcode/DisplayQRCode';
+import { QrCodeTypeEnum } from '@/types/qrcode';
+
+interface DisplaySignedTxPropsType {
+  tx?: wasm.Transaction;
+}
+
+export const DisplaySignedTx = (props: DisplaySignedTxPropsType) => {
+  const [loading, setLoading] = useState(false);
+  const [tx, setTx] = useState('');
+  const [txId, setTxId] = useState('');
+  useEffect(() => {
+    if (!loading && props.tx) {
+      const tx = props.tx;
+      const id = tx.id().to_str();
+      if (id !== txId) {
+        setLoading(true);
+        setTx(Buffer.from(tx.sigma_serialize_bytes()).toString('base64'));
+        setTxId(id);
+        setLoading(false);
+      }
+    }
+  }, [loading, props.tx, txId]);
+  if (loading || props.tx === undefined) {
+    return (
+      <StateMessage
+        title={''}
+        description="Loading"
+        icon={<CircularProgress />}
+        color="default"
+      />
+    );
+  }
+  return <DisplayQRCode type={QrCodeTypeEnum.ColdSignTransaction} value={tx} />;
+};

src/pages/wallet-add/components/address-confirm/AddressConfirmMultiSig.tsx

@@ -95,7 +95,7 @@ const AddressConfirmMultiSig = (props: AddressConfirmMultiSigPropsType) => {
       </Box>
       <Typography variant="subtitle2" sx={{ mt: 1, p: 1 }}>
         This is a multi-signature wallet. In order to send funds from it you
-        need at least {props.signers}&nbsp; signatures out of {props.threshold}{' '}
+        need at least {props.threshold}&nbsp; signatures out of {props.signers}{' '}
         cosigning signatures.
       </Typography>
     </Box>

src/pages/wallet-page/multi-sig/MultiSigTransaction.tsx

@@ -16,6 +16,7 @@ import { MultiSigContext } from '@/components/sign/context/MultiSigContext';
 import MultiSigToolbar from './components/MultiSigToolbar';
 import ShareTransaction from './components/ShareTransaction';
 import BackButtonRouter from '@/components/back-button/BackButtonRouter';
+import { DisplaySignedTx } from '@/components/display-signed-tx/DisplaySignedTx';
 
 interface MultiSigTransactionPropsType {
   wallet: StateWallet;
@@ -71,7 +72,9 @@ const MultiSigTransaction = (props: MultiSigTransactionPropsType) => {
               helperText="Please enter your mnemonics passphrase to send transaction."
             />
           ) : null
-        ) : multiDataContext.state === MultiSigStateEnum.COMPLETED ? null : (
+        ) : multiDataContext.state === MultiSigStateEnum.COMPLETED ? (
+          <DisplaySignedTx tx={txContext.data.partial} />
+        ) : (
           <ShareTransaction />
         )}
         <TransactionBoxes