fix(#2483): delete button watch match from Pagbrazil popup

src/features/BuyMatchPopup/components/BrazilPayment/hooks.tsx

@@ -68,6 +68,13 @@ export const useBrazilPayment = ({
     }
   }
 
+  // eslint-disable-next-line
+   window.onmessage = function (event) {
+    if (event.data === 'close') {
+      closePopup()
+    }
+  }
+
   useEffect(() => {
     if (open) {
       (async () => {

src/features/BuyMatchPopup/components/BrazilPayment/index.tsx

@@ -6,12 +6,9 @@ import { useBrazilPayment } from './hooks'
 
 import {
   LoaderWrapper,
-  ScButton,
   ScModal,
 } from './styled'
 
-import { Button } from '../../styled'
-
 export type Props = {
   match: Match,
   open: boolean,
@@ -28,7 +25,6 @@ export const BrazilPayment = ({
   const {
     closePopup,
     error,
-    matchLink,
     src,
   } = useBrazilPayment({
     match,
@@ -40,16 +36,7 @@ export const BrazilPayment = ({
   return (
     <ScModal isOpen={open} withCloseButton close={closePopup}>
       {src && open ? (
-        <>
+        <iframe title='BrazilPayment' src={src} height={600} width='100%' />
-          <iframe title='BrazilPayment' src={src} height={600} width='100%' />
-          <ScButton>
-            <Button>
-              <a href={matchLink} style={{ color: 'white' }}>
-                <T9n t='watch_match' />
-              </a>
-            </Button>
-          </ScButton>
-        </>
       ) : (
         <>
           {error ? (

src/features/BuyMatchPopup/components/BrazilPayment/styled.tsx

@@ -39,9 +39,3 @@ export const LoaderWrapper = styled.div`
   align-items: center;
   justify-content: center;
 `
-
-export const ScButton = styled.div`
-  margin-top: 20px;
-  display: flex;
-  justify-content: center;
-`