diff --git a/CHANGELOG.md b/CHANGELOG.md index 09a6ca99ed..3da4127593 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,7 @@ ### Fixes - [#2564](https://github.com/poanetwork/blockscout/pull/2564) - fix first page button for uncles and reorgs +- [#2563](https://github.com/poanetwork/blockscout/pull/2563) - Fix view less transfers button ### Chore - [#2566](https://github.com/poanetwork/blockscout/pull/2566) - upgrade absinthe phoenix diff --git a/apps/block_scout_web/assets/js/lib/token_transfers_toggle.js b/apps/block_scout_web/assets/js/lib/token_transfers_toggle.js index af188ae550..b2f029c57d 100644 --- a/apps/block_scout_web/assets/js/lib/token_transfers_toggle.js +++ b/apps/block_scout_web/assets/js/lib/token_transfers_toggle.js @@ -1,20 +1,17 @@ import $ from 'jquery' -const tokenTransferToggle = (element) => { - const $element = $(element) - const $tokenTransferClose = $element.find("[data-selector='token-transfer-close']") - const $tokenTransferOpen = $element.find("[data-selector='token-transfer-open']") +$(document.body).on('click', '[data-selector="token-transfer-open"]', event => { + const $tokenTransferOpen = event.target + const $parent = $tokenTransferOpen.parentElement + const $tokenTransferClose = $parent.querySelector("[data-selector='token-transfer-close']") + $tokenTransferOpen.classList.add('d-none') + $tokenTransferClose.classList.remove('d-none') +}) - $element.on('show.bs.collapse', () => { - $tokenTransferOpen.addClass('d-none') - $tokenTransferClose.removeClass('d-none') - }) - - $element.on('hide.bs.collapse', () => { - $tokenTransferClose.addClass('d-none') - $tokenTransferOpen.removeClass('d-none') - }) -} - -// Initialize the script scoped for each card. -$("[data-selector='token-transfers-toggle']").each((_index, element) => tokenTransferToggle(element)) +$(document.body).on('click', '[data-selector="token-transfer-close"]', event => { + const $tokenTransferClose = event.target + const $parent = $tokenTransferClose.parentElement + const $tokenTransferOpen = $parent.querySelector("[data-selector='token-transfer-open']") + $tokenTransferClose.classList.add('d-none') + $tokenTransferOpen.classList.remove('d-none') +})