Fix frontend lint

Author: guanquann

frontend/src/contexts/MatchContext.tsx

@@ -98,7 +98,8 @@ const MatchProvider: React.FC<{ children?: React.ReactNode }> = (props) => {
     throw new Error(USE_AUTH_ERROR_MESSAGE);
   }
   const { user } = auth;
-  const [matchUser, _setMatchUser] = useState<MatchUser | null>(
+  console.log(user);
+  const [matchUser] = useState<MatchUser | null>(
     user
       ? {
           id: user.id,
@@ -136,6 +137,7 @@ const MatchProvider: React.FC<{ children?: React.ReactNode }> = (props) => {
       closeSocketConnection();
       window.removeEventListener("beforeunload", () => closeSocketConnection());
     };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [matchUser?.id, location.pathname]);
 
   const resetMatchStates = () => {
@@ -220,7 +222,11 @@ const MatchProvider: React.FC<{ children?: React.ReactNode }> = (props) => {
   const initMatchRequestListeners = () => {
     matchSocket.on(MatchEvents.MATCH_FOUND, ({ matchId, user1, user2 }) => {
       setMatchId(matchId);
-      matchUser?.id === user1.id ? setPartner(user2) : setPartner(user1);
+      if (matchUser?.id === user1.id) {
+        setPartner(user2);
+      } else {
+        setPartner(user1);
+      }
       setMatchPending(true);
       appNavigate(MatchPaths.MATCHED);
     });
@@ -237,7 +243,11 @@ const MatchProvider: React.FC<{ children?: React.ReactNode }> = (props) => {
   const initMatchingListeners = () => {
     matchSocket.on(MatchEvents.MATCH_FOUND, ({ matchId, user1, user2 }) => {
       setMatchId(matchId);
-      matchUser?.id === user1.id ? setPartner(user2) : setPartner(user1);
+      if (matchUser?.id === user1.id) {
+        setPartner(user2);
+      } else {
+        setPartner(user1);
+      }
       setMatchPending(true);
       appNavigate(MatchPaths.MATCHED);
     });
@@ -256,7 +266,11 @@ const MatchProvider: React.FC<{ children?: React.ReactNode }> = (props) => {
 
     matchSocket.on(MatchEvents.MATCH_FOUND, ({ matchId, user1, user2 }) => {
       setMatchId(matchId);
-      matchUser?.id === user1.id ? setPartner(user2) : setPartner(user1);
+      if (matchUser?.id === user1.id) {
+        setPartner(user2);
+      } else {
+        setPartner(user1);
+      }
       setMatchPending(true);
       appNavigate(MatchPaths.MATCHED);
     });

frontend/src/pages/CollabSandbox/index.tsx

@@ -16,6 +16,7 @@ const CollabSandbox: React.FC = () => {
 
   useEffect(() => {
     verifyMatchStatus();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   if (loading) {

frontend/src/pages/Matched/index.tsx

@@ -55,11 +55,14 @@ const Matched: React.FC = () => {
 
   useEffect(() => {
     if (timeLeft <= 0) {
-      accepted
-        ? toast.error(MATCH_UNSUCCESSFUL_MESSAGE)
-        : toast.error(MATCH_OFFER_TIMEOUT_MESSAGE);
+      if (accepted) {
+        toast.error(MATCH_UNSUCCESSFUL_MESSAGE);
+      } else {
+        toast.error(MATCH_OFFER_TIMEOUT_MESSAGE);
+      }
       matchOfferTimeout();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [timeLeft]);
 
   if (!matchUser || !partner) {

frontend/src/pages/Matching/index.tsx

@@ -35,12 +35,14 @@ const Matching: React.FC = () => {
     });
 
     return () => clearInterval(timer);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {
     if (timeLeft <= 0) {
       matchingTimeout();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [timeLeft]);
 
   if (!matchCriteria) {