Update screenshot handling

frontend/src/components/app/App.js

@@ -14,7 +14,19 @@ const Component = () => {
   useEffect(() =>{
     console.info(event);
     if (event) {
-      setEvents([event, ...events]);
+        for (var j = 0; j < events.length; j++) {
+            if (events[j].timestamp <= event.timestamp) {
+                if (events[j]._id == event._id) {
+                    setEvents([...events.slice(0, j), event, ...events.slice(j+1)]);
+                    return;
+                } else {
+                    setEvents([...events.slice(0, j), event, ...events.slice(j)]);
+                    return;
+                }
+            }
+        }
+
+        setEvents([event, ...events]);
     }
   }, [event])
   return <EventList data={events} />

frontend/src/components/event/Event.js

@@ -7,13 +7,13 @@ function Event(props) {
 
     if (props.data.hasOwnProperty('screenshots')) {
         props.data.screenshots.forEach(element => {
-            imgArray = [(<img src={element.url} className="eventPic"></img>), ...imgArray]
+            imgArray = [...imgArray, (<a href={element.orig} target="_blank"><img src={element.url} className="eventPic"></img></a>)]
         });
     }
 
     return (
         <div className="eventDiv">
-            {JSON.stringify(props.data)}
+            {JSON.stringify(props.data.source)}
             <br></br>
             {[...imgArray]}
         </div>