fix(#175): fix add to favourites and acces to match

src/features/AuthServiceApp/components/Oauth/hooks.tsx

@@ -9,11 +9,10 @@ import {
 } from 'react'
 
 import { isValidEmail } from 'features/AuthServiceApp/helpers/isValidEmail'
+import { API_ROOT } from 'features/AuthServiceApp/config/routes'
 
 import { addAccessTokenToUrl } from 'helpers/languageUrlParam'
 
-import { API_ROOT } from 'config/routes'
-
 export const useOauth = () => {
   const [email, setEmail] = useState('')
   const [error, setError] = useState('')

src/features/MatchPage/components/SubscriptionGuard/index.tsx

@@ -42,7 +42,7 @@ export const SubscriptionGuard = ({ children }: Props) => {
 
   return (
     <Fragment>
-      {matchProfile?.sub ? children : null}
+      {matchProfile?.sub || !user ? children : null}
     </Fragment>
   )
 }

src/features/MatchPage/index.tsx

@@ -36,7 +36,7 @@ const MatchPageComponent = () => {
     profile,
     user,
   } = useMatchPageStore()
-  const isFavorite = profile && userFavorites.find((fav) => fav.id === profile?.tournament.id)
+  const isFavorite = profile && userFavorites?.find((fav) => fav.id === profile?.tournament.id)
 
   const {
     profileType,

src/features/MatchPage/store/hooks/index.tsx

@@ -90,7 +90,7 @@ export const useMatchPage = () => {
         if (error || (duration && Number(duration) > ACCESS_TIME)) {
           setAccess(false)
         }
-      }), 1000 * 5,
+      }), 1000 * 30,
     )
     // eslint-disable-next-line
     return () => clearInterval(getIntervalMatch)

src/features/StreamPlayer/index.tsx

@@ -90,6 +90,7 @@ export const StreamPlayer = (props: Props) => {
     volumeInPercent,
     wrapperRef,
   } = useVideoPlayer(props)
+
   return (
     <PlayerWrapper
       ref={wrapperRef}
@@ -196,13 +197,15 @@ export const StreamPlayer = (props: Props) => {
         selectedAudioTrack={selectedAudioTrack}
       />
       <ControlsGradient isVisible={mainControlsVisible} />
-      !user && <AccessTimer
+      {!user && (
-        access={access}
+        <AccessTimer
-        isFullscreen={isFullscreen}
+          access={access}
-        onFullscreenClick={onFullscreenClick}
+          isFullscreen={isFullscreen}
-        playing={ready && playing && !!playedProgress}
+          onFullscreenClick={onFullscreenClick}
-        onPause={onPause}
+          playing={ready && playing && !!playedProgress}
-      />
+          onPause={onPause}
+        />
+      )}
     </PlayerWrapper>
   )
 }

src/features/SystemSettings/hooks.tsx

@@ -9,6 +9,8 @@ import { SELECTED_API_KEY } from 'helpers/selectedApi'
 
 import { useToggle } from 'hooks/useToggle'
 import { useLocalStore } from 'hooks/useStorage'
+import { removeToken } from '../../helpers'
+import { removeCookie } from '../../helpers/cookie'
 
 type FormElement = HTMLFormElement & {
   api: HTMLInputElement & {
@@ -34,6 +36,8 @@ export const useSystemSettings = () => {
 
     const { api } = e.currentTarget
     setSelectedApi(api.value)
+    removeToken()
+    removeCookie('access_token')
     window.location.reload()
   }