- {tx && txSummary ? (
-
- ) : (
-
- )}
-
-
-
-
-
- );
-});
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/__tests__/ConfirmTransaction.test.tsx b/apps/browser-extension-wallet/src/features/dapp/components/__tests__/ConfirmTransaction.test.tsx
index 9c0765fff2..edb09bc647 100644
--- a/apps/browser-extension-wallet/src/features/dapp/components/__tests__/ConfirmTransaction.test.tsx
+++ b/apps/browser-extension-wallet/src/features/dapp/components/__tests__/ConfirmTransaction.test.tsx
@@ -9,7 +9,7 @@ const mockConsumeRemoteApi = jest.fn().mockReturnValue({
const mockCreateTxInspector = jest.fn().mockReturnValue(() => ({ minted: [] as any, burned: [] as any }));
import * as React from 'react';
import { cleanup, render, waitFor } from '@testing-library/react';
-import { ConfirmTransaction } from '../ConfirmTransaction';
+import { ConfirmTransaction } from '../confirm-transaction/ConfirmTransaction';
import '@testing-library/jest-dom';
import { I18nextProvider } from 'react-i18next';
import { StoreProvider } from '@src/stores';
diff --git a/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
new file mode 100644
index 0000000000..f9a32a49c9
--- /dev/null
+++ b/apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/ConfirmDRepRegistrationContainer.tsx
@@ -0,0 +1,46 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { ConfirmDRepRegistration } from '@lace/core';
+import { SignTxData } from './types';
+import { dRepRegistrationInspector, drepIDasBech32FromHash } from './utils';
+import { Wallet } from '@lace/cardano';
+import { useWalletStore } from '@src/stores';
+
+interface Props {
+ signTxData: SignTxData;
+ errorMessage?: string;
+}
+
+export const ConfirmDRepRegistrationContainer = ({ signTxData, errorMessage }: Props): React.ReactElement => {
+ const { t } = useTranslation();
+ const certificate = dRepRegistrationInspector(signTxData.tx);
+ const {
+ walletUI: { cardanoCoin }
+ } = useWalletStore();
+
+ const depositPaidWithCardanoSymbol = `${Wallet.util.lovelacesToAdaString(certificate.deposit.toString())} ${
+ cardanoCoin.symbol
+ }`;
+
+ return (
+