fix(#2767): fix popup for live match

src/components/SmartBanner/index.tsx

@@ -33,9 +33,9 @@ export const SmartBanner = ({ setIsOpenDownload }: SmartBannerProps) => (
     </ScIconWrap>
     <ScIconLogo src='/images/icon-insportstv-smart-banner.svg' />
     <ScTitleWrap>
-      <ScTitle>official InStat TV app</ScTitle>
-      <ScNameOfCompany>InStat TV limited</ScNameOfCompany>
-      <ScDescribe>InStat – the Home of Sports Streaming</ScDescribe>
+      <ScTitle>Official inSports App</ScTitle>
+      <ScNameOfCompany>inSports limited</ScNameOfCompany>
+      <ScDescribe>inSports – the Home of Sports Streaming</ScDescribe>
     </ScTitleWrap>
     <a
       href='https://play.google.com/store/apps/details?id=instat.ott'

src/components/SmartBanner/styled.tsx

@@ -35,6 +35,7 @@ export const ScTitleWrap = styled.div`
 
 export const ScTitle = styled.span`
   font-size: 14px;
+  text-transform: none;
 `
 
 export const ScNameOfCompany = styled.span`

src/features/HomePage/hooks.tsx

@@ -54,10 +54,8 @@ export const useHomePage = () => {
     })()
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
-
   useEffect(() => {
     const dateLastOpenSmartBanner = localStorage.getItem('dateLastOpenSmartBanner')
-
     if (!dateLastOpenSmartBanner
         || Date.parse(JSON.parse(dateLastOpenSmartBanner)) < Date.parse(new Date().toISOString())
     ) {

src/features/StreamPlayer/components/Controls/Components/ControlsMobile/styled.tsx

@@ -7,7 +7,7 @@ type FullscreenProps = {
 }
 
 export const Controls = styled.div<FullscreenProps>`
-  z-index: 50;
+  z-index: 14;
   position: absolute;
   width: 100%;
   bottom: 22px;