Merge pull request #6689 from nursoltan-s/timeline-wall-final-fix

sort events descending order

Author: igoroshko

src/shared/containers/timeline-wall/index.jsx

@@ -77,9 +77,11 @@ function TimelineWallContainer(props) {
   }, [pendingApprovals]);
 
   useEffect(() => {
-    const target = document.getElementById(`${selectedFilterValue.year}-${selectedFilterValue.month}`);
+    const target = document.getElementById(`${selectedFilterValue.year}-${(selectedFilterValue.month + 1).toString().padStart(2, '0')}`);
     if (target) {
-      target.scrollIntoView({ behavior: 'smooth' }, true);
+      const yOffset = -10;
+      const coordinate = target.getBoundingClientRect().top + window.pageYOffset + yOffset;
+      window.scrollTo({ top: coordinate, behavior: 'smooth' });
     } else {
       window.scrollTo({ top: 0, behavior: 'smooth' });
     }
@@ -104,6 +106,8 @@ function TimelineWallContainer(props) {
     });
   };
 
+  const sortedEvents = _.orderBy(events, ['eventDate'], ['desc']);
+
   return (
     <div styleName="container">
       <div styleName={isAdmin ? 'header header-admin' : 'header'}>
@@ -153,7 +157,7 @@ function TimelineWallContainer(props) {
           <TimelineEvents
             isAuthenticated={!!authToken}
             isAdmin={isAdmin}
-            events={events}
+            events={sortedEvents}
             styleName={cn('tab-content', { hide: tab === 1, 'is-admin': role === 'Admin user' })}
             removeEvent={removeEvent}
             showRightFilterMobile={showRightFilterMobile}