From 8a35c8a3aefd4ac45917fd20bcab2cbad3b901a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9F=D0=B8=D0=BC=D0=B8=D0=BD=D0=BE=D0=B2=20=D0=98=D0=B2?=
 =?UTF-8?q?=D0=B0=D0=BD?= <ivan.piminov@instatsport.com>
Date: Fri, 3 Dec 2021 12:23:20 +0300
Subject: [PATCH] Ott 2000 reverse events

---
 .../components/TabEvents/index.tsx            | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/features/MatchSidePlaylists/components/TabEvents/index.tsx b/src/features/MatchSidePlaylists/components/TabEvents/index.tsx
index 7a2a746d..fc6d4a7a 100644
--- a/src/features/MatchSidePlaylists/components/TabEvents/index.tsx
+++ b/src/features/MatchSidePlaylists/components/TabEvents/index.tsx
@@ -44,19 +44,22 @@ export const TabEvents = ({
     open: setReversed,
   } = useToggle()
 
-  const groupedEvents = useMemo(() => values(
-    groupBy(
-      areEventsReversed ? reverse([...events]) : events,
-      'h',
-    ),
-  ), [areEventsReversed, events])
-
-  const reversedGroupEvents = useMemo(() => (
-    areEventsReversed
+  const isLiveMatch = profile?.live
+  const reverseStatus = (areEventsReversed || isLiveMatch) && (areEventsReversed !== isLiveMatch)
+  const reversedGroupEvents = useMemo(() => {
+    const groupedEvents = values(
+      groupBy(
+        reverseStatus
+          ? reverse([...events])
+          : events,
+        'h',
+      ),
+    )
+    return reverseStatus
       ? reverse(groupedEvents)
       : groupedEvents
-  ), [areEventsReversed, groupedEvents])
-
+  }, [events, reverseStatus])
+  const activeStatus = isLiveMatch ? areEventsReversed : !areEventsReversed
   if (!profile) return null
 
   return (
@@ -71,14 +74,14 @@ export const TabEvents = ({
           <Fragment>
             <Tabs>
               <Tab
-                active={!areEventsReversed}
-                onClick={setUnreversed}
+                active={activeStatus}
+                onClick={isLiveMatch ? setReversed : setUnreversed}
               >
                 <T9n t='from_start_match' />
               </Tab>
               <Tab
-                active={areEventsReversed}
-                onClick={setReversed}
+                active={!activeStatus}
+                onClick={isLiveMatch ? setUnreversed : setReversed}
               >
                 <T9n t='from_end_match' />
               </Tab>