From adf1d1689cca286244849e7292c1b8b0e2f746e8 Mon Sep 17 00:00:00 2001
From: Andrei Dekterev <andreidekterev@MacBook-Air-Andrei.local>
Date: Fri, 29 Apr 2022 18:27:27 +0700
Subject: [PATCH] fix(#2386): change logic for check country_code

---
 .../BuyMatchPopup/components/BrazilPayment/index.tsx        | 4 +---
 .../BuyMatchPopup/components/BrazilPayment/styled.tsx       | 4 +++-
 .../BuyMatchPopup/components/PackageSelectionStep/index.tsx | 6 +++---
 src/helpers/clientCountry/index.tsx                         | 6 ------
 4 files changed, 7 insertions(+), 13 deletions(-)
 delete mode 100644 src/helpers/clientCountry/index.tsx

diff --git a/src/features/BuyMatchPopup/components/BrazilPayment/index.tsx b/src/features/BuyMatchPopup/components/BrazilPayment/index.tsx
index 79770f17..f2e06f39 100644
--- a/src/features/BuyMatchPopup/components/BrazilPayment/index.tsx
+++ b/src/features/BuyMatchPopup/components/BrazilPayment/index.tsx
@@ -8,8 +8,6 @@ import { Loader } from 'features/Loader'
 import { useLexicsStore } from 'features/LexicsStore'
 import { MatchPackage } from 'features/BuyMatchPopup/types'
 
-import { isMobileDevice } from 'config/userAgent'
-
 import { getBrazilPaymentUrl } from 'requests/getBrazilPaymentUrl'
 
 import isNumber from 'lodash/isNumber'
@@ -62,7 +60,7 @@ export const BrazilPayment = ({
   return (
     <ScModal isOpen={open} withCloseButton close={closePopup}>
       {src && open ? (
-        <iframe title='BrazilPayment' src={src} height={600} width={isMobileDevice ? 350 : 700} />
+        <iframe title='BrazilPayment' src={src} height={600} width='100%' />
       ) : (
         <LoaderWrapper>
           <Loader color='#515151' />
diff --git a/src/features/BuyMatchPopup/components/BrazilPayment/styled.tsx b/src/features/BuyMatchPopup/components/BrazilPayment/styled.tsx
index 4911238b..0b4ab8bc 100644
--- a/src/features/BuyMatchPopup/components/BrazilPayment/styled.tsx
+++ b/src/features/BuyMatchPopup/components/BrazilPayment/styled.tsx
@@ -9,13 +9,15 @@ export const ScModal = styled(BaseModal)`
   background-color: rgba(0, 0, 0, 0.7);
 
   ${ModalWindow} {
+    width: 800px;
     padding: 50px;
     background-color: #333333;
     border-radius: 5px;
 
     ${isMobileDevice
     ? css`
-      width: calc(100vw - 60px);
+      padding: 50px 0px;
+      width: calc(100vw - 30px);
       @media screen and (orientation: landscape){
         max-width: calc(100vw - 80px);
         height: calc(100vh - 60px);
diff --git a/src/features/BuyMatchPopup/components/PackageSelectionStep/index.tsx b/src/features/BuyMatchPopup/components/PackageSelectionStep/index.tsx
index 843fb9ac..8fd65222 100644
--- a/src/features/BuyMatchPopup/components/PackageSelectionStep/index.tsx
+++ b/src/features/BuyMatchPopup/components/PackageSelectionStep/index.tsx
@@ -9,8 +9,7 @@ import isNull from 'lodash/isNull'
 
 import { MDASH } from 'config'
 
-import { clientCountry } from 'helpers/clientCountry'
-
+import { useAuthStore } from 'features/AuthStore'
 import { CloseButton, HeaderActions } from 'features/PopupComponents'
 import { T9n } from 'features/T9n'
 import { Name } from 'features/Name'
@@ -36,6 +35,7 @@ import {
 export const PackageSelectionStep = () => {
   const { cards, fetchCards } = useCardsStore()
   const [isOpenBrasilian, setIsOpenBrasilian] = useState(false)
+  const { user } = useAuthStore()
 
   const {
     close,
@@ -56,7 +56,7 @@ export const PackageSelectionStep = () => {
 
   if (!match) return null
 
-  const isBrasil = clientCountry() === 'BR'
+  const isBrasil = user?.profile.country_code === 'BR'
 
   const onHandleClick = (e?: MouseEvent<HTMLButtonElement>) => {
     if (isBrasil) {
diff --git a/src/helpers/clientCountry/index.tsx b/src/helpers/clientCountry/index.tsx
deleted file mode 100644
index d627d2f4..00000000
--- a/src/helpers/clientCountry/index.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-export const clientCountry = () => {
-  const country = JSON.parse(
-    localStorage.getItem('oidc.user:https://auth.instat.tv:ott-web') || 'oidc.user:https://test-auth.instat.tv:ott-web',
-  ).profile.country_code
-  return country
-}