Ott 527 tournament names (#204)

* fix(#527): show selected tournament name

* fix(#527): eslint warning

src/features/HeaderFilters/components/TournamentFilter/hooks.tsx

@@ -9,6 +9,16 @@ import { useRequest, useToggle } from 'hooks'
 
 import { useHeaderFiltersStore } from 'features/HeaderFilters'
 
+const findTournament = (tournaments: Tournaments, id: number) => {
+  const tournament = find(tournaments, { id })
+  if (!tournament) return null
+  return {
+    ...tournament,
+    name_eng: tournament.short_name_eng || tournament.name_eng,
+    name_rus: tournament.short_name_rus || tournament.name_rus,
+  }
+}
+
 export const useTournamentFilter = () => {
   const [tournaments, setTournaments] = useState<Tournaments>([])
 
@@ -44,10 +54,9 @@ export const useTournamentFilter = () => {
     setPage(page + 1)
   }
 
-  const selectedTournament = find(
-    tournaments,
-    (tournament) => tournament.id === selectedTournamentId,
-  )
+  const selectedTournament = selectedTournamentId
+    ? findTournament(tournaments, selectedTournamentId)
+    : null
 
   const onTournamentSelect = (tournamentId: number) => {
     setSelectedTournamentId(tournamentId)

src/features/HeaderFilters/components/TournamentFilter/index.tsx

@@ -37,7 +37,7 @@ export const TournamentFilter = () => {
         <ButtonTitle>
           {
             selectedTournament
-              ? <Name nameObj={selectedTournament} prefix='short_name_' />
+              ? <Name nameObj={selectedTournament} />
               : <T9n t='tournament' />
           }
         </ButtonTitle>

src/features/UserFavorites/styled.tsx

@@ -1,4 +1,3 @@
-
 import { devices } from 'config/devices'
 
 import styled from 'styled-components/macro'