From fd57a6a0a575454013abece8fa3a68d4d1506d83 Mon Sep 17 00:00:00 2001
From: vgcman16 <155417613+vgcman16@users.noreply.github.com>
Date: Thu, 5 Jun 2025 21:49:03 -0500
Subject: [PATCH] fix: add unist types and lint fixes

---
 app/lib/hooks/useViewport.ts | 14 +++++++-------
 app/lib/stores/logs.ts       |  1 +
 package.json                 |  1 +
 pnpm-lock.yaml               |  3 +++
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/app/lib/hooks/useViewport.ts b/app/lib/hooks/useViewport.ts
index fa8268ae..c446b531 100644
--- a/app/lib/hooks/useViewport.ts
+++ b/app/lib/hooks/useViewport.ts
@@ -4,8 +4,7 @@ import { useState, useEffect } from 'react';
  * Determine the current viewport width in both browser and server contexts.
  * When `window` is not available (e.g. during SSR), a fallback width is used.
  */
-const getWidth = (fallback: number): number =>
-  typeof window !== 'undefined' ? window.innerWidth : fallback;
+const getWidth = (fallback: number): number => (typeof window !== 'undefined' ? window.innerWidth : fallback);
 
 /**
  * Returns `true` if the viewport width is less than the provided threshold.
@@ -13,15 +12,16 @@ const getWidth = (fallback: number): number =>
  * is undefined.
  */
 const useViewport = (threshold = 1024, fallbackWidth = 1024) => {
-  const [isSmallViewport, setIsSmallViewport] = useState(
-    getWidth(fallbackWidth) < threshold,
-  );
+  const [isSmallViewport, setIsSmallViewport] = useState(getWidth(fallbackWidth) < threshold);
 
   useEffect(() => {
-    if (typeof window === 'undefined') return;
+    if (typeof window === 'undefined') {
+      return () => {};
+    }
 
-    const handleResize = () =>
+    const handleResize = (): void => {
       setIsSmallViewport(window.innerWidth < threshold);
+    };
 
     window.addEventListener('resize', handleResize);
 
diff --git a/app/lib/stores/logs.ts b/app/lib/stores/logs.ts
index 6d7910ab..69b11904 100644
--- a/app/lib/stores/logs.ts
+++ b/app/lib/stores/logs.ts
@@ -76,6 +76,7 @@ class LogStore {
     // Migrate from cookies if localStorage is empty but cookie data exists
     if (!savedLogs) {
       const cookieLogs = Cookies.get('eventLogs');
+
       if (cookieLogs) {
         savedLogs = cookieLogs;
         localStorage.setItem('eventLogs', cookieLogs);
diff --git a/package.json b/package.json
index a3753eb4..f59dc3fb 100644
--- a/package.json
+++ b/package.json
@@ -175,6 +175,7 @@
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/react-window": "^1.8.8",
+    "@types/unist": "^3.0.3",
     "@vitejs/plugin-react": "^4.3.4",
     "concurrently": "^8.2.2",
     "cross-env": "^7.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ce72fa3c..f2acfb9e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -399,6 +399,9 @@ importers:
       '@types/react-window':
         specifier: ^1.8.8
         version: 1.8.8
+      '@types/unist':
+        specifier: ^3.0.3
+        version: 3.0.3
       '@vitejs/plugin-react':
         specifier: ^4.3.4
         version: 4.3.4(vite@5.4.15(@types/node@22.13.14)(sass-embedded@1.86.0))