fix(#210): add link to smartbanner for ios

.drone.yml

@@ -184,7 +184,7 @@ steps:
     depends_on:
       - npm-install
 
-  - name: deploy-lff
+  - name: deploy-diwansport
     image: amazon/aws-cli:latest
     environment:
       AWS_ACCESS_KEY_ID:

src/components/SmartBanner/index.tsx

@@ -1,6 +1,7 @@
 import { Icon } from 'features/Icon'
 
 import { add } from 'date-fns'
+import { isIOS } from 'config'
 
 import {
   ScBannerWrap,
@@ -38,7 +39,9 @@ export const SmartBanner = ({ setIsOpenDownload }: SmartBannerProps) => (
       <ScDescribe>inSports – the Home of Sports Streaming</ScDescribe>
     </ScTitleWrap>
     <a
-      href='https://play.google.com/store/apps/details?id=instat.ott'
+      href={isIOS
+        ? 'https://apps.apple.com/es/app/insports-tv/id1643858776'
+        : 'https://play.google.com/store/apps/details?id=instat.ott'}
       target='_blank'
       rel='noreferrer'
       onClick={() => {

src/config/clients/insports.tsx

@@ -15,6 +15,7 @@ export const insports: ClientConfig = {
   name: ClientNames.Insports,
   privacyLink: '/privacy-policy-and-statement?client_id=insports-ott-web',
   showSearch: true,
+  showSmartBanner: true,
   styles: {
     background: 'background-image: url(/images/Checker.png);',
     logo: 'insports-logo.svg',

src/config/clients/types.tsx

@@ -35,6 +35,7 @@ export type ClientConfig = {
   privacyLink: string,
   requests?: Record<ProcedureName, RequestParameters>,
   showSearch?: boolean,
+  showSmartBanner?: boolean,
   styles: {
     background?: string,
     homePageHeader?: StyledCss,

src/config/userAgent.tsx

@@ -1,3 +1,5 @@
 export const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent)
 
+export const isAndroid = /Android/.test(navigator.userAgent)
+
 export const isMobileDevice = /iPhone|Android/.test(navigator.userAgent)

src/features/HeaderMobile/index.tsx

@@ -1,7 +1,7 @@
 import { useRecoilValue } from 'recoil'
 
-import { isIOS } from 'config/userAgent'
+import { isAndroid, isIOS } from 'config/userAgent'
-import { isLffClient } from 'config/clients'
+import { client, isLffClient } from 'config/clients'
 
 import { HeaderMenu } from 'features/HeaderMenu'
 import { DateFilter } from 'features/HeaderFilters'
@@ -10,6 +10,8 @@ import { SportsFilter } from 'features/SportsFilter'
 import { isSportFilterShownAtom } from 'features/HomePage/Atoms/HomePageAtoms'
 import { SmartBanner } from 'components/SmartBanner'
 
+import { UserInfo } from 'requests'
+
 import {
   HeaderStyled,
   ScoreSwitchWrapper,
@@ -19,16 +21,22 @@ import {
 type HeaderBannerProps = {
   isOpenDownload: boolean,
   setIsOpenDownload: (open: boolean) => void,
+  userInfo?: UserInfo,
 }
 
-export const HeaderMobile = ({ isOpenDownload, setIsOpenDownload }: HeaderBannerProps) => {
+export const HeaderMobile = ({
+  isOpenDownload,
+  setIsOpenDownload,
+  userInfo,
+}: HeaderBannerProps) => {
   const isSportFilterShown = useRecoilValue(isSportFilterShownAtom)
 
   return (
     <>
       {
         isOpenDownload
-        && !isIOS
+        && (isAndroid || (isIOS && userInfo?.has_subscription))
+          && client.showSmartBanner
         && <SmartBanner setIsOpenDownload={setIsOpenDownload} />
       }
       <HeaderStyled>

src/features/HomePage/hooks.tsx

@@ -34,7 +34,7 @@ const getTimezoneOffset = (date: Date) => {
 const getDate = (date: Date) => format(date, 'yyyy-MM-dd')
 
 export const useHomePage = () => {
-  const { user } = useAuthStore()
+  const { user, userInfo } = useAuthStore()
   const { selectedDate } = useHeaderFiltersStore()
   const [isOpenDownload, setIsOpenDownload] = useState(false)
   const [isShowConfirmPopup, setIsShowConfirmPopup] = useState(false)
@@ -54,6 +54,7 @@ export const useHomePage = () => {
     })()
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
+
   useEffect(() => {
     const dateLastOpenSmartBanner = localStorage.getItem('dateLastOpenSmartBanner')
     if (!dateLastOpenSmartBanner
@@ -85,5 +86,6 @@ export const useHomePage = () => {
     isOpenDownload,
     isShowConfirmPopup,
     setIsOpenDownload,
+    userInfo,
   }
 }

src/features/HomePage/index.tsx

@@ -29,6 +29,7 @@ const Home = () => {
     isOpenDownload,
     isShowConfirmPopup,
     setIsOpenDownload,
+    userInfo,
   } = useHomePage()
 
   return (
@@ -37,6 +38,7 @@ const Home = () => {
         <HeaderMobile
           isOpenDownload={isOpenDownload}
           setIsOpenDownload={setIsOpenDownload}
+          userInfo={userInfo}
         />
       ) : (
         <Header />

src/requests/getUserInfo.tsx

@@ -18,6 +18,7 @@ export type UserInfo = {
   },
   email: string,
   firstname: string | null,
+  has_subscription: boolean,
   is_unsubscribed: boolean | null,
   language: {
     id: number | null,