Merge pull request #2563 from poanetwork/fix-view-less-transfers

Fix view less transfers button

CHANGELOG.md

@@ -3,6 +3,7 @@
 ### Features
 
 ### Fixes
+- [#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

apps/block_scout_web/assets/js/lib/token_transfers_toggle.js

@@ -1,20 +1,17 @@
 import $ from 'jquery'
 
-const tokenTransferToggle = (element) => {
+$(document.body).on('click', '[data-selector="token-transfer-open"]', event => {
-  const $element = $(element)
+  const $tokenTransferOpen = event.target
-  const $tokenTransferClose = $element.find("[data-selector='token-transfer-close']")
+  const $parent = $tokenTransferOpen.parentElement
-  const $tokenTransferOpen = $element.find("[data-selector='token-transfer-open']")
+  const $tokenTransferClose = $parent.querySelector("[data-selector='token-transfer-close']")
+  $tokenTransferOpen.classList.add('d-none')
+  $tokenTransferClose.classList.remove('d-none')
+})
 
-  $element.on('show.bs.collapse', () => {
+$(document.body).on('click', '[data-selector="token-transfer-close"]', event => {
-    $tokenTransferOpen.addClass('d-none')
+  const $tokenTransferClose = event.target
-    $tokenTransferClose.removeClass('d-none')
+  const $parent = $tokenTransferClose.parentElement
-  })
+  const $tokenTransferOpen = $parent.querySelector("[data-selector='token-transfer-open']")
-
+  $tokenTransferClose.classList.add('d-none')
-  $element.on('hide.bs.collapse', () => {
+  $tokenTransferOpen.classList.remove('d-none')
-    $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))