From ee572e78aedaf40ce8c391cf5ddbae15c45c7904 Mon Sep 17 00:00:00 2001 From: Alex Panturu Date: Thu, 13 Jun 2024 12:06:55 +0300 Subject: [PATCH] explorer: refactor client width check to use css --- .../__snapshots__/BlocksCard.spec.js.snap | 1908 +++- .../TransactionsCard.spec.js.snap | 2188 ++++- .../components/blocks-card/BlocksCard.svelte | 23 +- .../LatestBlocksCard.svelte | 12 +- .../LatestTransactionsCard.svelte | 12 +- .../transactions-card/TransactionsCard.svelte | 26 +- .../__tests__/__snapshots__/page.spec.js.snap | 8432 ++++++++++++++--- explorer/src/routes/__tests__/page.spec.js | 6 + .../__tests__/__snapshots__/page.spec.js.snap | 2858 +++++- .../__tests__/__snapshots__/page.spec.js.snap | 444 +- .../__tests__/__snapshots__/page.spec.js.snap | 3278 ++++++- .../transactions/__tests__/page.spec.js | 6 + explorer/src/style/main.css | 16 + 13 files changed, 18002 insertions(+), 1207 deletions(-) diff --git a/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap index c73c104843..4724cd1893 100644 --- a/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap +++ b/explorer/src/lib/components/__tests__/__snapshots__/BlocksCard.spec.js.snap @@ -28,7 +28,7 @@ exports[`Blocks Card > should disable the \`Show More\` button if there is no mo
should disable the \`Show More\` button if there is no mo
- + +
+ +
+
+ + + + + + block +
+ +
+ + 1,365,454 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,453 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,452 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,451 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,450 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,449 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,448 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,447 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,446 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,445 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+
diff --git a/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap b/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap index 6ff06f3b07..86c725cc42 100644 --- a/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap +++ b/explorer/src/lib/components/__tests__/__snapshots__/TransactionsCard.spec.js.snap @@ -65,7 +65,7 @@ exports[`Transactions Card > should disable the \`Show More\` button if there is
should disable the \`Show More\` button if there is
- + +
+ +
+
+ + + + + + ID +
+ +
+ + 070280c69500df7d1b40942981a3b5...f9f71ba62f96d63e322994efca2a0e + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 50,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000215552 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 534f753d5a420fddc21c84d76ff26b...48ea75b450c082759d155153259c00 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 50,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000215617 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + c6f13af20c23b8bc55d22a416a191e...a47128b4d7dc3ac6fce5fc68ebb102 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 50,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000214413 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 31c7dce26a5a6ef1392f53630b8e27...1f10eaeea2685c5a37dbbf7bcb4c04 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000291769 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 4fa6e913c083aa595530b1f6c010c7...8121307c991ea6782f9e9e4dd5510d + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000290764 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + d1a7928a435021d87ea3649bff57c8...c7b5c6c68081a61fea5779ccdb2e04 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000291961 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 004ca8683c315b9270e04d3768dfb5...f65d92a9469ca31a5d97cff9718b06 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000292039 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + b5a77063e45dd90b97b2c30b4cd670...4ae60c4b8e3ea9fd0d0b4496253a05 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000290406 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + b263d9d594439be92bb9349bd97f55...60956419f2f4a32925639d80b06e0b + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000291537 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + b4525cb82f5cd56fcf8ceb2eb30f64...3567e82abb8265dd12daf5275d7709 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000291361 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+
diff --git a/explorer/src/lib/components/blocks-card/BlocksCard.svelte b/explorer/src/lib/components/blocks-card/BlocksCard.svelte index 52cc38ae54..c875fe18de 100644 --- a/explorer/src/lib/components/blocks-card/BlocksCard.svelte +++ b/explorer/src/lib/components/blocks-card/BlocksCard.svelte @@ -18,9 +18,6 @@ let itemsToDisplay = ITEMS_TO_DISPLAY; - /** @type {number} */ - let clientWidth; - /** @type {Block[]}*/ let displayedBlocks; @@ -45,7 +42,6 @@ } - - {#if clientWidth > 768} - - {:else} -
- {#each displayedBlocks as block (block)} - - {/each} -
- {/if} + + +
+ {#each displayedBlocks as block (block)} + + {/each} +
diff --git a/explorer/src/lib/components/latest-blocks-card/LatestBlocksCard.svelte b/explorer/src/lib/components/latest-blocks-card/LatestBlocksCard.svelte index dad50c377e..ad8ae5b0a2 100644 --- a/explorer/src/lib/components/latest-blocks-card/LatestBlocksCard.svelte +++ b/explorer/src/lib/components/latest-blocks-card/LatestBlocksCard.svelte @@ -17,13 +17,9 @@ /** @type {Boolean} */ export let loading; - /** @type {number} */ - let clientWidth; - $: classes = makeClassName(["latest-blocks-card", className]); - - {#if clientWidth > 768} - - {:else} + + +
{#each blocks as block (block)} {/each} - {/if} +
diff --git a/explorer/src/lib/components/latest-transactions-card/LatestTransactionsCard.svelte b/explorer/src/lib/components/latest-transactions-card/LatestTransactionsCard.svelte index 788dda3211..493563e6c8 100644 --- a/explorer/src/lib/components/latest-transactions-card/LatestTransactionsCard.svelte +++ b/explorer/src/lib/components/latest-transactions-card/LatestTransactionsCard.svelte @@ -21,16 +21,12 @@ /** @type {Boolean} */ export let loading; - /** @type {number} */ - let clientWidth; - /** @type {Boolean} */ export let isOnHomeScreen = true; $: classes = makeClassName(["latest-transactions-card", className]); - - {#if clientWidth > 768} - - {:else} + + +
{#each txns as txn (txn)} {/each} - {/if} +
diff --git a/explorer/src/lib/components/transactions-card/TransactionsCard.svelte b/explorer/src/lib/components/transactions-card/TransactionsCard.svelte index 8b87d96fdc..94d2ec28bc 100644 --- a/explorer/src/lib/components/transactions-card/TransactionsCard.svelte +++ b/explorer/src/lib/components/transactions-card/TransactionsCard.svelte @@ -22,9 +22,6 @@ let itemsToDisplay = ITEMS_TO_DISPLAY; - /** @type {number} */ - let clientWidth; - /** @type {Transaction[]}*/ let displayedTxns; @@ -49,7 +46,6 @@ } - - {#if clientWidth > 768} - - {:else} -
- {#each displayedTxns as txn (txn)} - - {/each} -
- {/if} + + +
+ {#each displayedTxns as txn (txn)} + + {/each} +
diff --git a/explorer/src/routes/__tests__/__snapshots__/page.spec.js.snap b/explorer/src/routes/__tests__/__snapshots__/page.spec.js.snap index b9c7a7e779..94d9ee7fbb 100644 --- a/explorer/src/routes/__tests__/__snapshots__/page.spec.js.snap +++ b/explorer/src/routes/__tests__/__snapshots__/page.spec.js.snap @@ -2103,7 +2103,7 @@ exports[`home page > should render the home page, start polling for the latest c
should render the home page, start polling for the latest c
- - - - - - -
-
-

- Transactions -

- - -
- - - - - - - - - - - - - - - - - - - + + + + + block + - + + 1,378,753 + + + +
+ + + -
+ +
+
- - - - - - - - - - - - - - - + 17 hours ago + + + +
+ + + -
+ +
+ 0 + DUSK +
+ +
+ - - - 1f6d99ea97...6d29b86804 - - - - 17 hours ago - - - - -
- - - - - - - - - - - - + + - + +
+
-
- - - - - - - - - - - - - - - + b4525cb82f5cd56fcf8ceb2eb30f64...3567e82abb8265dd12daf5275d7709 + + + +
+ + + -
+ +
+
- - - - - - - - - - - - - - - + 19 hours ago + + + +
+ + + -
+ +
+ 1 +
+ +
+ - - - 534f753d5a...5153259c00 - - - - 18 hours ago - - - - -
- - - - - - - - - - - - + + + + + Gas Limit + + +
+ 500,000,000 +
+ +
+ + + -
+ +
+ -
- - - - - - - - - - - - - - - + 0.000291361 Dusk + + + +
+ + + -
+ +
+ -
- - - - - - - - - - - - - - - + success + - + +
+ - - - 4fa6e913c0...9e4dd5510d - - - - 18 hours ago - - - - -
- - - - - - - - - - - - + + + + + Type + + +
+ + transfer + + +
+ + +
+
+ + + -
+ +
+ -
- - - - - - - - - - - - - - - + 40fb9d20eb9e6ffb27be4914f49cdf...e2fdcc88a7b17f9499ff516584df08 + + + +
+ + + -
+ +
+
- - - - - - - - - - - - - - - + 19 hours ago + + + +
+ + + -
+ +
+ 1 +
+ +
+ - - - b5a77063e4...4496253a05 - - - - 19 hours ago - - - - -
- - - - - - - - - - - - + + + + + Gas Limit + + +
+ 500,000,000 +
+ +
+ + + -
+ +
+ -
- - - - - - - - - - - - - - - + 0.000290385 Dusk + + + +
+ + + -
+ +
+ -
- - - - - - - - - - - - - - - + success + - + +
+ - - - 40fb9d20eb...516584df08 - - - - 19 hours ago - - - - -
- - - - - - - - - - - - + + - -
- ID - - Gas - - Fee - - Status - - Type -
- - 64cbef4738...a8a4bc7d03 - - - - 17 hours ago - - - - PRICE: - - - 1 -
- - - LIMIT: - - - 500,000,000 - 		- - 0.000290681 Dusk - - - - success - - - - transfer - -
- - PRICE: - - - 1 -
- - - LIMIT: - - - 500,000,000 - 		- - 0.000291225 Dusk - - - - success - - - - transfer - -
+
+
+ + +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+ + +
+
+ + + + + + block +
+ +
+ + 1,378,752 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,378,751 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,378,750 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,378,749 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,378,748 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,378,747 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,378,746 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,378,745 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,378,744 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,378,743 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,378,742 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,378,741 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,378,740 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,378,739 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ + + + + + +
+
+

+ Transactions +

+ + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -3385,7 +7097,85 @@ exports[`home page > should render the home page, start polling for the latest c - 0.000292137 Dusk + 0.000291361 Dusk + + + + + + + + + + + + + + + + + + + + @@ -3414,947 +7204,3285 @@ exports[`home page > should render the home page, start polling for the latest c - +
+ ID + + Gas + + Fee + + Status + + Type +
+ + 64cbef4738...a8a4bc7d03 + + + + 17 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 500,000,000 + 		+ + 0.000290681 Dusk + + + + success + + + + transfer + +
+ + 1f6d99ea97...6d29b86804 + + + + 17 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 500,000,000 + 		+ + 0.000291225 Dusk + + + + success + + + + transfer + +
+ + 3ee81c6375...18bde67c04 + + + + 17 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 500,000,000 + 		+ + 0.000292137 Dusk + + + + success + + + + transfer + +
+ + 3a75b42910...5d6944e60e + + + + 17 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 500,000,000 + 		+ + 0.000290572 Dusk + + + + success + + + + transfer + +
+ + 070280c695...94efca2a0e + + + + 18 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 50,000,000 + 		+ + 0.000215552 Dusk + + + + success + + + + transfer + +
+ + 534f753d5a...5153259c00 + + + + 18 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 50,000,000 + 		+ + 0.000215617 Dusk + + + + success + + + + transfer + +
+ + c6f13af20c...fc68ebb102 + + + + 18 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 50,000,000 + 		+ + 0.000214413 Dusk + + + + success + + + + transfer + +
+ + 31c7dce26a...bf7bcb4c04 + + + + 18 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 500,000,000 + 		+ + 0.000291769 Dusk + + + + success + + + + transfer + +
+ + 4fa6e913c0...9e4dd5510d + + + + 18 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 500,000,000 + 		+ + 0.000290764 Dusk + + + + success + + + + transfer + +
+ + d1a7928a43...79ccdb2e04 + + + + 18 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 500,000,000 + 		+ + 0.000291961 Dusk + + + + success + + + + transfer + +
+ + 004ca8683c...cff9718b06 + + + + 18 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 500,000,000 + 		+ + 0.000292039 Dusk + + + + success + + + + transfer + +
+ + b5a77063e4...4496253a05 + + + + 19 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 500,000,000 + 		+ + 0.000290406 Dusk + + + + success + + + + transfer + +
+ + b263d9d594...9d80b06e0b + + + + 19 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 500,000,000 + 		+ + 0.000291537 Dusk + + + + success + + + + transfer + +
- 3ee81c6375...18bde67c04 + b4525cb82f...f5275d7709 - 17 hours ago + 19 hours ago + + success + + + + transfer + +
+ + 40fb9d20eb...516584df08 + + + + 19 hours ago + + + + PRICE: + + + 1 +
+ + + LIMIT: + + + 500,000,000 + 		+ + 0.000290385 Dusk
+
+ +
+ +
+
+ + + + + + ID +
+ +
+ + 64cbef4738ccd709451ca5558b15ca...b6d8147df6777debc4f6a8a4bc7d03 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000290681 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 1f6d99ea97565460469c6802b39af9...94f457e97a3fc3eb41546d29b86804 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000291225 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 3ee81c6375f1ab41272e4c9f8dfb79...3c3bbfadf44658df735a18bde67c04 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000292137 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 3a75b42910a41d1f9a2639b09d9546...76709a2f1553d6294ae15d6944e60e + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000290572 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 070280c69500df7d1b40942981a3b5...f9f71ba62f96d63e322994efca2a0e + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 50,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000215552 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 534f753d5a420fddc21c84d76ff26b...48ea75b450c082759d155153259c00 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 50,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000215617 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + c6f13af20c23b8bc55d22a416a191e...a47128b4d7dc3ac6fce5fc68ebb102 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 50,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000214413 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 31c7dce26a5a6ef1392f53630b8e27...1f10eaeea2685c5a37dbbf7bcb4c04 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000291769 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 4fa6e913c083aa595530b1f6c010c7...8121307c991ea6782f9e9e4dd5510d + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000290764 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + d1a7928a435021d87ea3649bff57c8...c7b5c6c68081a61fea5779ccdb2e04 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000291961 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 004ca8683c315b9270e04d3768dfb5...f65d92a9469ca31a5d97cff9718b06 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000292039 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + b5a77063e45dd90b97b2c30b4cd670...4ae60c4b8e3ea9fd0d0b4496253a05 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000290406 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + b263d9d594439be92bb9349bd97f55...60956419f2f4a32925639d80b06e0b + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000291537 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ -
- - 3a75b42910...5d6944e60e - - - - 17 hours ago - - - - PRICE: - - - 1 -
- - - LIMIT: - - - 500,000,000 - 		- - 0.000290572 Dusk - - - - success - - - - transfer - -
- - 070280c695...94efca2a0e - - - - 18 hours ago - - - - PRICE: - - - 1 -
- - - LIMIT: - - - 50,000,000 - 		- - 0.000215552 Dusk - - - - success - - - - transfer - -
- - PRICE: - - - 1 -
- - - LIMIT: - - - 50,000,000 - 		- - 0.000215617 Dusk - - - - success - - - - transfer - -
- - c6f13af20c...fc68ebb102 - - - - 18 hours ago - - - - PRICE: - - - 1 -
- - - LIMIT: - - - 50,000,000 - 		- - 0.000214413 Dusk - - - - success - - - - transfer - -
- - 31c7dce26a...bf7bcb4c04 - - - - 18 hours ago - - - - PRICE: - - - 1 -
- - - LIMIT: - - - 500,000,000 - 		- - 0.000291769 Dusk - - - - success - - - - transfer - -
- - PRICE: - - - 1 -
- - - LIMIT: - - - 500,000,000 - 		- - 0.000290764 Dusk - - - - success - - - - transfer - -
- - d1a7928a43...79ccdb2e04 - - - - 18 hours ago - - - - PRICE: - - - 1 -
- - - LIMIT: - - - 500,000,000 - 		- - 0.000291961 Dusk - - - - success - - - - transfer - -
- - 004ca8683c...cff9718b06 - - - - 18 hours ago - - - - PRICE: - - - 1 -
- - - LIMIT: - - - 500,000,000 - 		- - 0.000292039 Dusk - - - - success - - - - transfer - -
- - PRICE: - - - 1 -
- - - LIMIT: - - - 500,000,000 - 		- - 0.000290406 Dusk - - - - success - - - - transfer - -
- - b263d9d594...9d80b06e0b - - - - 19 hours ago - - - - PRICE: - - - 1 -
- - - LIMIT: - - - 500,000,000 - 		- - 0.000291537 Dusk - - - - success - - - - transfer - -
- - b4525cb82f...f5275d7709 - - - - 19 hours ago - - - - PRICE: - - - 1 -
- - - LIMIT: - - - 500,000,000 - 		- - 0.000291361 Dusk - - - - success - - - - transfer - -
- - PRICE: - - - 1 -
- - - LIMIT: - - - 500,000,000 - 		- - 0.000290385 Dusk - - - - success - - - - transfer - -
+ + Type + + +
+ + transfer + + +
+
-
diff --git a/explorer/src/routes/__tests__/page.spec.js b/explorer/src/routes/__tests__/page.spec.js index 1e915e0138..7e5ceb0153 100644 --- a/explorer/src/routes/__tests__/page.spec.js +++ b/explorer/src/routes/__tests__/page.spec.js @@ -9,6 +9,12 @@ import { appStore } from "$lib/stores"; import HomePage from "../+page.svelte"; +global.ResizeObserver = vi.fn().mockImplementation(() => ({ + disconnect: vi.fn(), + observe: vi.fn(), + unobserve: vi.fn(), +})); + describe("home page", () => { vi.useFakeTimers(); vi.setSystemTime(new Date(2024, 4, 30)); diff --git a/explorer/src/routes/blocks/__tests__/__snapshots__/page.spec.js.snap b/explorer/src/routes/blocks/__tests__/__snapshots__/page.spec.js.snap index b9277a6c5e..56d4968077 100644 --- a/explorer/src/routes/blocks/__tests__/__snapshots__/page.spec.js.snap +++ b/explorer/src/routes/blocks/__tests__/__snapshots__/page.spec.js.snap @@ -75,7 +75,7 @@ exports[`Blocks page > should render the Blocks page, start polling for blocks a
should render the Blocks page, start polling for blocks a
- + +
+ +
+
+ + + + + + block +
+ +
+ + 1,365,454 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,453 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,452 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,451 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,450 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,449 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,448 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,447 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,446 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,445 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,444 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,443 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,442 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,441 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+ +
+
+ + + + + + block +
+ +
+ + 1,365,440 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + average fee paid +
+ +
+ 0 + DUSK +
+ +
+ + + + + + gas used +
+ +
+
+
+
+
+ +
+ + + + + + txn(s) +
+ +
+ 0 +
+ +
+ + + + + + rewards +
+ +
+ + 16 Dusk + +
+
+
diff --git a/explorer/src/routes/blocks/block/__tests__/__snapshots__/page.spec.js.snap b/explorer/src/routes/blocks/block/__tests__/__snapshots__/page.spec.js.snap index e6f304e26f..8b85c212bb 100644 --- a/explorer/src/routes/blocks/block/__tests__/__snapshots__/page.spec.js.snap +++ b/explorer/src/routes/blocks/block/__tests__/__snapshots__/page.spec.js.snap @@ -447,7 +447,7 @@ exports[`Block Details > should render the Block Details page and query the nece
should render the Block Details page and query the nece
- + +
+ +
+
+ + + + + + ID +
+ +
+ + 3a3f6f90a1012ae751b4448bcb8e98...ba2b18170239bd69fcf8e2e37f0602 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000290866 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 07bfabea1d94c16f2dc3697fa642f6...a6e81bf76b9644efbb6e2723b76d00 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000289852 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+
diff --git a/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap b/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap index 8f9f23f981..0dc2c6b4d6 100644 --- a/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap +++ b/explorer/src/routes/transactions/__tests__/__snapshots__/page.spec.js.snap @@ -75,7 +75,7 @@ exports[`Transactions page > should render the Transactions page, start polling
should render the Transactions page, start polling
- + +
+ +
+
+ + + + + + ID +
+ +
+ + 070280c69500df7d1b40942981a3b5...f9f71ba62f96d63e322994efca2a0e + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 50,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000215552 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 534f753d5a420fddc21c84d76ff26b...48ea75b450c082759d155153259c00 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 50,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000215617 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + c6f13af20c23b8bc55d22a416a191e...a47128b4d7dc3ac6fce5fc68ebb102 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 50,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000214413 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 31c7dce26a5a6ef1392f53630b8e27...1f10eaeea2685c5a37dbbf7bcb4c04 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000291769 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 4fa6e913c083aa595530b1f6c010c7...8121307c991ea6782f9e9e4dd5510d + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000290764 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + d1a7928a435021d87ea3649bff57c8...c7b5c6c68081a61fea5779ccdb2e04 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000291961 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 004ca8683c315b9270e04d3768dfb5...f65d92a9469ca31a5d97cff9718b06 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000292039 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + b5a77063e45dd90b97b2c30b4cd670...4ae60c4b8e3ea9fd0d0b4496253a05 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000290406 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + b263d9d594439be92bb9349bd97f55...60956419f2f4a32925639d80b06e0b + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000291537 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + b4525cb82f5cd56fcf8ceb2eb30f64...3567e82abb8265dd12daf5275d7709 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000291361 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 40fb9d20eb9e6ffb27be4914f49cdf...e2fdcc88a7b17f9499ff516584df08 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000290385 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + b5ad0ec014ac415dc8ea214f9baf55...126558afc8e142f8223504f807910b + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000290795 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 56504a6d6236fbd64671d86e6f60f2...e1ce09f7ee9ebc13b593ba14520c00 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000290449 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + d65e4ebe379d0d67142e80b377b41e...fa7d6e9acd3e034e6d63d5026ea001 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000290555 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+ +
+
+ + + + + + ID +
+ +
+ + 6c0ac7828bd57ddf18834505b0cd64...91ed6504dd7224a3094e10b1febf06 + +
+ +
+ + + + + + relative time +
+ +
+ +
+ +
+ + + + + + Gas Price +
+ +
+ 1 +
+ +
+ + + + + + Gas Limit +
+ +
+ 500,000,000 +
+ +
+ + + + + + Fee +
+ +
+ + 0.000291983 Dusk + +
+ +
+ + + + + + Status +
+ +
+ + success + + +
+ +
+ + + + + + Type +
+ +
+ + transfer + + +
+
+
diff --git a/explorer/src/routes/transactions/__tests__/page.spec.js b/explorer/src/routes/transactions/__tests__/page.spec.js index 9f515bf5e3..e8d0d8ca52 100644 --- a/explorer/src/routes/transactions/__tests__/page.spec.js +++ b/explorer/src/routes/transactions/__tests__/page.spec.js @@ -9,6 +9,12 @@ import { gqlTransactions } from "$lib/mock-data"; import Transactions from "../+page.svelte"; +global.ResizeObserver = vi.fn().mockImplementation(() => ({ + disconnect: vi.fn(), + observe: vi.fn(), + unobserve: vi.fn(), +})); + describe("Transactions page", () => { vi.useFakeTimers(); vi.setSystemTime(new Date(2024, 4, 30)); diff --git a/explorer/src/style/main.css b/explorer/src/style/main.css index 6e9e4e399c..964257a742 100644 --- a/explorer/src/style/main.css +++ b/explorer/src/style/main.css @@ -62,8 +62,24 @@ svg { fill: currentColor; } +.mobile-hidden { + display: block; +} + +.desktop-hidden { + display: none; +} + @media (max-width: 768px) { body { padding: 0 1.25rem; } + + .mobile-hidden { + display: none; + } + + .desktop-hidden { + display: block; + } }