Fix QR code tooltip appearance

CHANGELOG.md

@@ -6,6 +6,7 @@
 - [#3462](https://github.com/poanetwork/blockscout/pull/3462) - Display price for bridged tokens
 
 ### Fixes
+- [#3509](https://github.com/poanetwork/blockscout/pull/3509) - Fix QR code tooltip appearance in mobile view
 - [#3507](https://github.com/poanetwork/blockscout/pull/3507) - Fix left margin of balance card in mobile view
 - [#3506](https://github.com/poanetwork/blockscout/pull/3506) - Fix token trasfer's tile styles: prevent overlapping of long names
 - [#3505](https://github.com/poanetwork/blockscout/pull/3505) - Fix Staking DApp first loading

apps/block_scout_web/assets/js/lib/loading_element.js

@@ -1,5 +1,5 @@
 import $ from 'jquery'
 
-$('button[data-loading="animation"]').click(event => {
+$('button[data-loading="animation"]').click(_event => {
   $('#loading').removeClass('d-none')
 })

apps/block_scout_web/assets/js/lib/modals.js

@@ -189,3 +189,8 @@ export function openQuestionModal (title, text, acceptCallback = null, exceptCal
 
   openModal($modal)
 }
+
+export function openQrModal () {
+  const $modal = $('#qrModal')
+  openModal($modal)
+}

apps/block_scout_web/assets/js/pages/address.js

@@ -10,6 +10,9 @@ import { loadTokenBalanceDropdown } from '../lib/token_balance_dropdown'
 import '../lib/token_balance_dropdown_search'
 import '../lib/async_listing_load'
 import '../app'
+import {
+  openQrModal
+} from '../lib/modals'
 
 export const initialState = {
   channelDisconnected: false,
@@ -215,4 +218,8 @@ if ($addressDetailsPage.length) {
     }))
 
   loadCounters(store)
+
+  $('.btn-qr-icon').click(_event => {
+    openQrModal()
+  })
 }

apps/block_scout_web/assets/js/pages/token_counters.js

@@ -4,6 +4,9 @@ import humps from 'humps'
 import { createStore, connectElements } from '../lib/redux_helpers.js'
 import '../lib/async_listing_load'
 import '../app'
+import {
+  openQrModal
+} from '../lib/modals'
 
 export const initialState = {
   channelDisconnected: false,
@@ -87,3 +90,7 @@ if ($tokenPage.length) {
   connectElements({ store, elements })
   loadCounters(store)
 }
+
+$('.btn-qr-icon').click(_event => {
+  openQrModal()
+})

apps/block_scout_web/assets/js/pages/verification_form.js

@@ -49,7 +49,7 @@ const elements = {
     render ($el, state) {
       if (state.newForm) {
         $el.replaceWith(state.newForm)
-        $('button[data-button-loading="animation"]').click(event => {
+        $('button[data-button-loading="animation"]').click(_event => {
           $('#loading').removeClass('d-none')
         })
 
@@ -131,7 +131,7 @@ if ($contractVerificationPage.length) {
     msg: humps.camelizeKeys(msg)
   }))
 
-  $('button[data-button-loading="animation"]').click(event => {
+  $('button[data-button-loading="animation"]').click(_event => {
     $('#loading').removeClass('d-none')
   })