indicate next

small improvements

client/src/features/editors/list/EventList.jsx

@@ -57,15 +57,20 @@ export default function EventList(props) {
 
     // ask for playstate
     socket.emit('get-selected-id');
+    socket.emit('get-next-id');
 
     // Handle playstate
     socket.on('selected-id', (data) => {
       setSelected(data);
     });
+    socket.on('next-id', (data) => {
+      setNext(data);
+    });
 
     // Clear listener
     return () => {
       socket.off('selected-id');
+      socket.off('next-id');
     };
   }, [socket]);
 
@@ -76,6 +81,8 @@ export default function EventList(props) {
   console.log('EventList: events in event list', events);
   let cumulativeDelay = 0;
 
+  console.log('debug next id', next)
+
   return (
     <div className={style.eventContainer}>
       {cursor === -1 && <div className={style.cursor} />}
@@ -90,7 +97,7 @@ export default function EventList(props) {
               index={index}
               data={e}
               selected={selected === e.id}
-              next={next === index}
+              next={next === e.id}
               eventsHandler={eventsHandler}
               delay={cumulativeDelay}
             />

client/src/features/editors/list/EventListItem.jsx

@@ -21,7 +21,7 @@ export default function EventListItem(props) {
           index={index}
           data={data}
           selected={selected}
-          next={next === index}
+          next={next}
           eventsHandler={eventsHandler}
           delay={delay}
         />