Merge branch 'frontend-block-iframe-back'

Author: thisconnect

frontends/web/src/routes/bitsurance/widget.tsx

@@ -25,6 +25,7 @@ import { Header } from '@/components/layout';
 import { Spinner } from '@/components/spinner/Spinner';
 import { BitsuranceTerms } from '@/components/terms/bitsurance-terms';
 import { useLoad } from '@/hooks/api';
+import { UseDisableBackButton } from '@/hooks/backbutton';
 import { alertUser } from '@/components/alert/Alert';
 import { BitsuranceGuide } from './guide';
 import { getBitsuranceURL } from '@/api/bitsurance';
@@ -186,6 +187,7 @@ export const BitsuranceWidget = ({ code }: TProps) => {
             />
           ) : (
             <div style={{ height }}>
+              <UseDisableBackButton />
               {!iframeLoaded && <Spinner guideExists={false} text={t('loading')} /> }
               <iframe
                 onLoad={() => {

frontends/web/src/routes/buy/moonpay.tsx

@@ -19,6 +19,7 @@ import { useState, useEffect, createRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLoad } from '@/hooks/api';
 import { useDarkmode } from '@/hooks/darkmode';
+import { UseDisableBackButton } from '@/hooks/backbutton';
 import { AccountCode, IAccount } from '@/api/account';
 import { getConfig } from '@/utils/config';
 import { getMoonpayBuyInfo } from '@/api/exchanges';
@@ -99,6 +100,7 @@ export const Moonpay = ({ accounts, code }: TProps) => {
               />
             ) : (
               <div style={{ height }}>
+                <UseDisableBackButton />
                 {!iframeLoaded && <Spinner guideExists={false} text={t('loading')} />}
                 { moonpay && (
                   <iframe

frontends/web/src/routes/buy/pocket.tsx

@@ -26,6 +26,7 @@ import { Header } from '@/components/layout';
 import { Spinner } from '@/components/spinner/Spinner';
 import { PocketTerms } from '@/components/terms/pocket-terms';
 import { useLoad } from '@/hooks/api';
+import { UseDisableBackButton } from '@/hooks/backbutton';
 import { alertUser } from '@/components/alert/Alert';
 import { BuyGuide } from './guide';
 import { convertScriptType } from '@/utils/request-addess';
@@ -226,6 +227,7 @@ export const Pocket = ({ code }: TProps) => {
             />
           ) : (
             <div style={{ height }}>
+              <UseDisableBackButton />
               {!iframeLoaded && <Spinner guideExists={false} text={t('loading')} /> }
               <iframe
                 onLoad={() => {