From 3bb1292a9097fb16c36fac0e63476b96f3c068b0 Mon Sep 17 00:00:00 2001
From: cv <34649812+cpvalente@users.noreply.github.com>
Date: Thu, 10 Jun 2021 20:54:26 +0200
Subject: [PATCH] fix: past events

- fixing logic to show past - future events
- simplification / refract
---
 .../src/common/components/views/Paginator.jsx | 19 ++++---------------
 1 file changed, 4 insertions(+), 15 deletions(-)

diff --git a/client/src/common/components/views/Paginator.jsx b/client/src/common/components/views/Paginator.jsx
index 28ed3e543..5ba8b8881 100644
--- a/client/src/common/components/views/Paginator.jsx
+++ b/client/src/common/components/views/Paginator.jsx
@@ -12,7 +12,6 @@ export default function Paginator(props) {
   const [page, setPage] = useState([]);
   const [pages, setPages] = useState(0);
   const [selPage, setSelPage] = useState(0);
-  const [selected, setSelected] = useState(-1);
 
   useEffect(() => {
     if (events == null) return;
@@ -33,17 +32,7 @@ export default function Paginator(props) {
     // if array is completely in past, show depending on SCROLL_PAST
   }, [events, selPage, LIMIT_PER_PAGE]);
 
-  useEffect(() => {
-    // maybe nothing is selected
-    if (events == null || selectedId == null) return;
-
-    // which one is selected
-    const s = events.filter((e) => e.id === selectedId);
-
-    if (s.length < 1) return;
-
-    setSelected(s[0].id);
-  }, [events, selectedId]);
+  console.log('debug events', events);
 
   // every SCROLL_TIME go to the next array
   useInterval(() => {
@@ -68,9 +57,8 @@ export default function Paginator(props) {
       </div>
       <div className={style.entries}>
         {page.map((e) => {
-          if (selectedState === 1) selectedState = 2;
-          if (e.id === selected) selectedState = 1;
-          else if (e.id > selected) selectedState = 2;
+          if (e.id === selectedId) selectedState = 1;
+          else if (selectedState === 1) selectedState = 2;
           return (
             <TodayItem
               key={e.id}
@@ -78,6 +66,7 @@ export default function Paginator(props) {
               timeStart={e.timeStart}
               timeEnd={e.timeEnd}
               title={e.title}
+              backstageEvent={!e.isPublic}
             />
           );
         })}