diff --git a/packages/bridge-ui-v2/src/components/Activities/MobileDetailsDialog.svelte b/packages/bridge-ui-v2/src/components/Activities/MobileDetailsDialog.svelte index 55b467db2c5..6077e555914 100644 --- a/packages/bridge-ui-v2/src/components/Activities/MobileDetailsDialog.svelte +++ b/packages/bridge-ui-v2/src/components/Activities/MobileDetailsDialog.svelte @@ -11,18 +11,25 @@ import ChainSymbolName from './ChainSymbolName.svelte'; import Status from './Status.svelte'; + import StatusInfoDialog from './StatusInfoDialog.svelte'; export let closeDetails = noop; export let detailsOpen = false; export let selectedItem: BridgeTransaction | null; + let openStatusDialog = false; + let tooltipOpen = false; const openToolTip = (event: Event) => { event.stopPropagation(); tooltipOpen = !tooltipOpen; }; let dialogId = `dialog-${uid()}`; + + const handleStatusDialog = () => { + openStatusDialog = !openStatusDialog; + }; @@ -54,7 +61,9 @@ - TODO: add description about status here +
@@ -77,3 +86,5 @@
+ + diff --git a/packages/bridge-ui-v2/src/components/Activities/StatusInfoDialog.svelte b/packages/bridge-ui-v2/src/components/Activities/StatusInfoDialog.svelte index 969734705ad..3a1af6a844d 100644 --- a/packages/bridge-ui-v2/src/components/Activities/StatusInfoDialog.svelte +++ b/packages/bridge-ui-v2/src/components/Activities/StatusInfoDialog.svelte @@ -4,8 +4,11 @@ import { Icon } from '$components/Icon'; import { uid } from '$libs/util/uid'; - let dialogId = `dialog-${uid()}`; - let modalOpen = false; + export let modalOpen = false; + + export let noIcon = false; + + const dialogId = `dialog-${uid()}`; const closeModal = () => (modalOpen = false); @@ -34,7 +37,9 @@ on:click={openModal} on:focus={openModal} class=" ml-[4px]"> - + {#if !noIcon} + + {/if}