From c25098e1f5ef0a4b2a7de3ab12c19ba861e38f7b Mon Sep 17 00:00:00 2001
From: Korbinian <KorbinianK@users.noreply.github.com>
Date: Tue, 19 Sep 2023 15:22:40 +0200
Subject: [PATCH] feat(bridge-ui-v2): add BLL warning (#14723)

---
 .../src/components/Bridge/Bridge.svelte       | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/packages/bridge-ui-v2/src/components/Bridge/Bridge.svelte b/packages/bridge-ui-v2/src/components/Bridge/Bridge.svelte
index e22680271be..bab29551ec4 100644
--- a/packages/bridge-ui-v2/src/components/Bridge/Bridge.svelte
+++ b/packages/bridge-ui-v2/src/components/Bridge/Bridge.svelte
@@ -343,14 +343,20 @@
         >{$t('bridge.title.nft.confirm')}</Step>
     </Stepper>
 
-    <Card class="mt-[32px] w-full md:w-[524px]" title={nftStepTitle} text={nftStepDescription}>
-      <div class="f-between-center w-full gap-4">
-        <Button type="primary" class="px-[28px] py-[14px] rounded-full flex-1 text-white" on:click={back}
-          >Previous Step</Button>
-        <Button type="primary" class="px-[28px] py-[14px] rounded-full flex-1 text-white" on:click={nextStep}
-          >Next Step</Button>
-      </div>
-    </Card>
+    <TokenDropdown {tokens} bind:value={$selectedToken} />
+    {#if $selectedToken?.symbol === 'BLL' && !$selectedToken?.imported}
+      <FlatAlert class="!mt-2" message={$t('bridge.errors.bll_token')} type="warning" />
+    {/if}
+    <Amount bind:this={amountComponent} />
+
+    <div class="space-y-[16px]">
+      <Recipient bind:this={recipientComponent} />
+      <ProcessingFee bind:this={processingFeeComponent} />
+    </div>
+
+    <div class="h-sep" />
+
+    <Actions {approve} {bridge} />
   </div>
 {/if}