From 330fdc6405903e20f87676c5d78aa7bee6788ce0 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Fri, 14 Jan 2022 07:44:56 -0700
Subject: [PATCH] Fix lint errors

---
 web/src/api/index.jsx    |  2 +-
 web/src/routes/Event.jsx | 26 +++++++++++++-------------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/web/src/api/index.jsx b/web/src/api/index.jsx
index 8e73891c4..a2f7d1d75 100644
--- a/web/src/api/index.jsx
+++ b/web/src/api/index.jsx
@@ -118,7 +118,7 @@ export function useDelete() {
 }
 
 export function useRetain() {
-  const { dispatch, state } = useContext(Api);
+  const { state } = useContext(Api);
 
   async function retainEvent(eventId, shouldRetain) {
     if (!eventId) return null;
diff --git a/web/src/routes/Event.jsx b/web/src/routes/Event.jsx
index a2e1a2f89..bbfe2bba4 100644
--- a/web/src/routes/Event.jsx
+++ b/web/src/routes/Event.jsx
@@ -18,18 +18,18 @@ import { FetchStatus, useApiHost, useEvent, useDelete, useRetain } from '../api'
 
 const ActionButtonGroup = ({ className, isRetained, handleClickRetain, handleClickDelete, close }) => (
   <div className={`space-y-2 space-x-2 sm:space-y-0 xs:space-x-4 ${className}`}>
-    <Button className="xs:w-auto" color={isRetained ? "red" : "yellow"} onClick={handleClickRetain}>
-    {isRetained ? (
-              <Fragment>
-                <StarRecording className="w-6" />
-                Un-retain event
-              </Fragment>
-            ) : (
-              <Fragment>
-                <StarRecording className="w-6" />
-                Retain event
-              </Fragment>
-            )}
+    <Button className="xs:w-auto" color={isRetained ? 'red' : 'yellow'} onClick={handleClickRetain}>
+      {isRetained ? (
+        <Fragment>
+          <StarRecording className="w-6" />
+          Un-retain event
+        </Fragment>
+      ) : (
+        <Fragment>
+          <StarRecording className="w-6" />
+          Retain event
+        </Fragment>
+      )}
     </Button>
     <Button className="xs:w-auto" color="red" onClick={handleClickDelete}>
       <Delete className="w-6" /> Delete event
@@ -100,7 +100,7 @@ export default function Event({ eventId, close, scrollRef }) {
     } catch (e) {
 
     }
-  }, [eventId, setRetainEvent]);
+  }, [eventId, isRetained, setRetainEvent]);
 
   const handleClickDelete = () => {
     setShowDialog(true);