From 0e7555dd015a2113fed23922a7827692210a8b14 Mon Sep 17 00:00:00 2001
From: Muthu Kumar <muthukumar@thefeathers.in>
Date: Wed, 6 Apr 2022 03:54:05 +0530
Subject: [PATCH] misc: better comments on useMediaQuery

Signed-off-by: Muthu Kumar <muthukumar@thefeathers.in>
---
 src/util/useMediaQuery.ts | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/util/useMediaQuery.ts b/src/util/useMediaQuery.ts
index 3aca1de..6231280 100644
--- a/src/util/useMediaQuery.ts
+++ b/src/util/useMediaQuery.ts
@@ -13,16 +13,17 @@ import { useEffect, useState } from "react";
  *
  */
 const useMediaQuery = (mediaQuery: string) => {
-	const [isVerified, setIsVerified] = useState(!!window.matchMedia(mediaQuery).matches);
+	const [isMatch, setIsMatch] = useState(!!window.matchMedia(mediaQuery).matches);
 
 	useEffect(() => {
 		const mediaQueryList = window.matchMedia(mediaQuery);
-		const documentChangeHandler = () => setIsVerified(!!mediaQueryList.matches);
+		const documentChangeHandler = () => setIsMatch(!!mediaQueryList.matches);
 
 		try {
 			mediaQueryList.addEventListener("change", documentChangeHandler);
 		} catch (e) {
-			//Safari isn't supporting mediaQueryList.addEventListener
+			// Safari isn't supporting mediaQueryList.addEventListener,
+			// fallback to deprecated addListener
 			console.error(e);
 			mediaQueryList.addListener(documentChangeHandler);
 		}
@@ -33,14 +34,15 @@ const useMediaQuery = (mediaQuery: string) => {
 			try {
 				mediaQueryList.removeEventListener("change", documentChangeHandler);
 			} catch (e) {
-				//Safari isn't supporting mediaQueryList.removeEventListener
+				// Safari isn't supporting mediaQueryList.removeEventListener,
+				// fallback to deprecated removeListener
 				console.error(e);
 				mediaQueryList.removeListener(documentChangeHandler);
 			}
 		};
 	}, [mediaQuery]);
 
-	return isVerified;
+	return isMatch;
 };
 
 export default useMediaQuery;