From 0d60bad752f0a8af92c27feb9a9c82a7c53e0fda Mon Sep 17 00:00:00 2001
From: Bernt Christian Egeland <cbegelan@gmail.com>
Date: Sun, 22 Aug 2021 21:38:50 +0200
Subject: [PATCH] added Clip header

---
 web/src/routes/Event.jsx  | 3 ++-
 web/src/routes/Events.jsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/Event.jsx b/web/src/routes/Event.jsx
index 54a142f66..b0a20fd97 100644
--- a/web/src/routes/Event.jsx
+++ b/web/src/routes/Event.jsx
@@ -20,7 +20,7 @@ export default function Event({ eventId, close, scrollIntoView }) {
 
   useEffect(() => {
     // Call Events.js scroll when this event has been mounted.
-    scrollIntoView(eventId);
+    () => scrollIntoView(eventId);
   }, []);
 
   const handleClickDelete = () => {
@@ -92,6 +92,7 @@ export default function Event({ eventId, close, scrollIntoView }) {
           <div className="absolute w-full top-10 left-0">
             {data.has_clip ? (
               <Fragment>
+                <Heading size="lg">Clip</Heading>
                 <VideoPlayer
                   options={{
                     sources: [
diff --git a/web/src/routes/Events.jsx b/web/src/routes/Events.jsx
index ece0984f7..6326b5159 100644
--- a/web/src/routes/Events.jsx
+++ b/web/src/routes/Events.jsx
@@ -73,7 +73,7 @@ export default function Events({ path: pathname, limit = API_LIMIT } = {}) {
   const [searchString, setSearchString] = useState(`${defaultSearchString(limit)}&${initialSearchParams.toString()}`);
   const { data, status, deletedId } = useEvents(searchString);
 
-  let scrollToRef = {};
+  const scrollToRef = {};
   useEffect(() => {
     if (data && !(searchString in searchStrings)) {
       dispatch({ type: 'APPEND_EVENTS', payload: data, meta: { searchString } });