From d5a077ccab7868f85faad724ceff2d9b977021ab Mon Sep 17 00:00:00 2001
From: DenysKarmazynDFINITY <denys.karmazyn@dfinity.org>
Date: Tue, 8 Oct 2024 12:49:18 +0200
Subject: [PATCH] refactor(frontend): update IcSendReview component

---
 .../icp/components/send/IcSendReview.svelte   | 34 +++----------------
 1 file changed, 5 insertions(+), 29 deletions(-)

diff --git a/src/frontend/src/icp/components/send/IcSendReview.svelte b/src/frontend/src/icp/components/send/IcSendReview.svelte
index fdc8d82fc..7e5b7480d 100644
--- a/src/frontend/src/icp/components/send/IcSendReview.svelte
+++ b/src/frontend/src/icp/components/send/IcSendReview.svelte
@@ -1,17 +1,9 @@
 <script lang="ts">
-	import { isNullish, nonNullish } from '@dfinity/utils';
-	import { createEventDispatcher, getContext } from 'svelte';
-	import IcFeeDisplay from '$icp/components/send/IcFeeDisplay.svelte';
-	import IcReviewNetwork from '$icp/components/send/IcReviewNetwork.svelte';
+	import { isNullish } from '@dfinity/utils';
+	import { getContext } from 'svelte';
 	import { isInvalidDestinationIc } from '$icp/utils/ic-send.utils';
 	import { SEND_CONTEXT_KEY, type SendContext } from '$icp-eth/stores/send.store';
-	import SendData from '$lib/components/send/SendData.svelte';
-	import Button from '$lib/components/ui/Button.svelte';
-	import ButtonBack from '$lib/components/ui/ButtonBack.svelte';
-	import ButtonGroup from '$lib/components/ui/ButtonGroup.svelte';
-	import ContentWithToolbar from '$lib/components/ui/ContentWithToolbar.svelte';
-	import { balance } from '$lib/derived/balances.derived';
-	import { i18n } from '$lib/stores/i18n.store';
+	import SendReview from '$lib/components/send/SendReview.svelte';
 	import type { NetworkId } from '$lib/types/network';
 	import { invalidAmount } from '$lib/utils/input.utils';
 
@@ -20,7 +12,7 @@
 	export let networkId: NetworkId | undefined = undefined;
 	export let source: string;
 
-	const { sendToken, sendTokenStandard } = getContext<SendContext>(SEND_CONTEXT_KEY);
+	const { sendTokenStandard } = getContext<SendContext>(SEND_CONTEXT_KEY);
 
 	// Should never happen given that the same checks are performed on previous wizard step
 	let invalid = true;
@@ -32,22 +24,6 @@
 			networkId
 		}) ||
 		invalidAmount(amount);
-
-	const dispatch = createEventDispatcher();
 </script>
 
-<ContentWithToolbar>
-	{#if nonNullish($sendToken)}
-		<SendData {amount} {destination} token={$sendToken} balance={$balance} {source}>
-			<IcFeeDisplay slot="fee" {networkId} />
-			<IcReviewNetwork {networkId} slot="network" />
-		</SendData>
-	{/if}
-
-	<ButtonGroup slot="toolbar">
-		<ButtonBack on:click={() => dispatch('icBack')} />
-		<Button disabled={invalid} on:click={() => dispatch('icSend')}>
-			{$i18n.send.text.send}
-		</Button>
-	</ButtonGroup>
-</ContentWithToolbar>
+<SendReview {source} {amount} {destination} disabled={invalid} />