feat(bridge-ui-v2): add BLL warning (#14723)

taikoxyz · Sep 28, 2023 · c25098e · c25098e
1 parent 68ce2e5
commit c25098e
Showing 1 changed file with 14 additions and 8 deletions.
diff --git 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}