fix(ott-300): moved fav store to abouve (#92)

src/features/App/AuthenticatedApp.tsx

@@ -22,6 +22,7 @@ import {
   HeaderFiltersStore,
 } from 'features/HeaderFilters'
 import { UserFavorites } from 'features/UserFavorites'
+import { UserFavoritesStore } from 'features/UserFavorites/store'
 
 export const AuthenticatedApp = () => {
   useLexicsConfig(indexLexics)
@@ -36,6 +37,7 @@ export const AuthenticatedApp = () => {
         </Route>
 
         <HeaderFiltersStore>
+          <UserFavoritesStore>
             <MainWrapper>
               <UserFavorites />
               <Header />
@@ -58,6 +60,7 @@ export const AuthenticatedApp = () => {
               </Route>
 
             </MainWrapper>
+          </UserFavoritesStore>
         </HeaderFiltersStore>
         <Redirect to={PAGES.home} />
       </Switch>

src/features/MatchPage/index.tsx

@@ -1,7 +1,5 @@
 import React from 'react'
 
-import { UserFavoritesStore } from 'features/UserFavorites/store'
-
 import { MatchProfileCard } from './MatchProfileCard'
 
 import {
@@ -9,9 +7,7 @@ import {
 } from './styled'
 
 export const MatchPage = () => (
-  <UserFavoritesStore>
   <MainWrapper>
     <MatchProfileCard />
   </MainWrapper>
-  </UserFavoritesStore>
 )

src/features/PlayerPage/index.tsx

@@ -1,9 +1,8 @@
-import React from 'react'
+import React, { Fragment } from 'react'
 
 import { ProfileTypes } from 'config'
 import { UserFavorites } from 'features/UserFavorites'
 import { ProfileCard } from 'features/ProfileCard'
-import { UserFavoritesStore } from 'features/UserFavorites/store'
 
 import { usePlayerPage } from './hooks'
 
@@ -14,13 +13,13 @@ export const PlayerPage = () => {
   } = usePlayerPage()
 
   return (
-    <UserFavoritesStore>
+    <Fragment>
       <UserFavorites />
       <ProfileCard
         profileType={ProfileTypes.PLAYERS}
         name={name}
         infoItems={infoItems}
       />
-    </UserFavoritesStore>
+    </Fragment>
   )
 }

src/features/TeamPage/index.tsx

@@ -1,10 +1,9 @@
-import React from 'react'
+import React, { Fragment } from 'react'
 
 import { ProfileTypes } from 'config'
 
 import { UserFavorites } from 'features/UserFavorites'
 import { ProfileCard } from 'features/ProfileCard'
-import { UserFavoritesStore } from 'features/UserFavorites/store'
 import { Matches } from 'features/Matches'
 
 import { useTeamPage } from './hooks'
@@ -17,7 +16,7 @@ export const TeamPage = () => {
   } = useTeamPage()
 
   return (
-    <UserFavoritesStore>
+    <Fragment>
       <UserFavorites />
       <Content>
         <ProfileCard
@@ -27,6 +26,6 @@ export const TeamPage = () => {
         />
         <Matches />
       </Content>
-    </UserFavoritesStore>
+    </Fragment>
   )
 }

src/features/TournamentPage/index.tsx

@@ -1,11 +1,10 @@
-import React from 'react'
+import React, { Fragment } from 'react'
 
 import { ProfileTypes } from 'config'
 
 import { UserFavorites } from 'features/UserFavorites'
 import { ProfileCard } from 'features/ProfileCard'
 import { Matches } from 'features/Matches'
-import { UserFavoritesStore } from 'features/UserFavorites/store'
 
 import { useTournamentPage } from './hooks'
 import { Content } from './styled'
@@ -17,7 +16,7 @@ export const TournamentPage = () => {
   } = useTournamentPage()
 
   return (
-    <UserFavoritesStore>
+    <Fragment>
       <UserFavorites />
       <Content>
         <ProfileCard
@@ -27,6 +26,6 @@ export const TournamentPage = () => {
         />
         <Matches />
       </Content>
-    </UserFavoritesStore>
+    </Fragment>
   )
 }