Remove unnecessary eslint-disable comments across multiple components

Author: Adityasinghvats

src/app/(auth)/layout.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 import { useAuthStore } from "@/store/Auth";
 import { useRouter } from "next/navigation";

src/app/(auth)/login/page.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 import { Label } from "@/components/ui/label";
 import { Input } from "@/components/ui/input";

src/app/(auth)/register/page.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 "use client";
 import { useAuthStore } from '@/store/Auth'
 import React from 'react'

src/app/components/Footer.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import React from "react";
 import {AnimatedGridPattern} from "@/components/magicui/animated-grid-pattern";
 import { cn } from "@/lib/utils";

src/app/components/Header.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 "use client";
 import React from "react";
 import { FloatingNav } from "@/components/ui/floating-navbar";

src/app/components/HeroSection.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import React from "react";
 import { HeroParallax } from "@/components/ui/hero-parallax";
 import { databases } from "@/models/server/config";

src/app/components/HeroSectionHeader.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 "use client";
 
 import {IconCloud} from "@/components/magicui/icon-cloud";

src/app/components/LatestQuestions.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import QuestionCard from "@/components/QuestionCard";
 import { answerCollection, db, questionCollection, voteCollection } from "@/models/name";
 import { databases, users } from "@/models/server/config";

src/app/components/TopContributors.tsx

@@ -1,5 +1,6 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import { cn } from "@/lib/utils";
+
 import { AnimatedList } from "@/components/magicui/animated-list";
 import { users } from "@/models/server/config";
 import { Models, Query } from "node-appwrite";

src/app/questions/Search.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 "use client";
 
 import { Input } from "@/components/ui/input";

src/app/questions/[quesId]/[quesName]/EditQuestion.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 "use client";
 
 import { useAuthStore } from "@/store/Auth";

src/app/questions/[quesId]/[quesName]/edit/EditQues.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 "use client";
 
 import QuestionForm from "@/components/QuestionForm";
@@ -16,7 +16,7 @@ const EditQues = ({ question }: { question: Models.Document }) => {
         if (question.authorId !== user?.$id) {
             router.push(`/questions/${question.$id}/${slugify(question.title)}`);
         }
-    }, []);
+    }, [question, router, user]);
 
     if (user?.$id !== question.authorId) return null;
 

src/app/questions/[quesId]/[quesName]/edit/page.tsx

@@ -1,10 +1,11 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { db, questionCollection } from "@/models/name";
 import { databases } from "@/models/server/config";
 import React from "react";
 import EditQues from "./EditQues";
 import { Particles } from "@/components/magicui/particles";
 
+// { params: { quesId: string; quesName: string } }
+
 const Page = async ({ params }: { params: { quesId: string; quesName: string } }) => {
     const question = await databases.getDocument(db, questionCollection, params.quesId);
 

src/app/questions/[quesId]/[quesName]/page.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import Answers from "@/components/Answers";
 import Comments from "@/components/Comments";
 import { MarkdownPreview } from "@/components/RTE";

src/app/questions/ask/AddQues.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 "use client";
 
 import QuestionForm from "@/components/QuestionForm";

src/app/questions/ask/page.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import React from "react";
 import AddQues from "./AddQues";
 import { Particles } from "@/components/magicui/particles";

src/app/questions/page.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import { databases, users } from "@/models/server/config";
 import { answerCollection, db, voteCollection, questionCollection } from "@/models/name";
 import { Query } from "node-appwrite";
@@ -17,20 +17,25 @@ const Page = async ({
 }: {
     searchParams: { page?: string; tag?: string; search?: string };
 }) => {
-    searchParams.page ||= "1";
+    const searchForParams = await searchParams;
+    const params = {
+        page: searchForParams?.page || "1",
+        tag: searchForParams?.tag || "",
+        search: searchForParams?.search || ""
+    }
 
     const queries = [
         Query.orderDesc("$createdAt"),
-        Query.offset((+searchParams.page - 1) * 25),
+        Query.offset((+params?.page - 1) * 25),
         Query.limit(25),
     ];
 
-    if (searchParams.tag) queries.push(Query.equal("tags", searchParams.tag));
-    if (searchParams.search)
+    if (params.tag) queries.push(Query.equal("tags", params.tag));
+    if (params.search)
         queries.push(
             Query.or([
-                Query.search("title", searchParams.search),
-                Query.search("content", searchParams.search),
+                Query.search("title", params.search),
+                Query.search("content", params.search),
             ])
         );
 

src/app/users/[userId]/[userSlug]/EditButton.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 "use client";
 
 import { useAuthStore } from "@/store/Auth";

src/app/users/[userId]/[userSlug]/Navbar.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 "use client";
 
 import Link from "next/link";

src/app/users/[userId]/[userSlug]/answers/page.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import { Particles } from "@/components/magicui/particles";
 import Pagination from "@/components/Pagination";
 import { MarkdownPreview } from "@/components/RTE";

src/app/users/[userId]/[userSlug]/edit/page.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import { Particles } from "@/components/magicui/particles";
 import React from "react";
 

src/app/users/[userId]/[userSlug]/layout.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import { avatars } from "@/models/client/config";
 import { users } from "@/models/server/config";
 import { UserPrefs } from "@/store/Auth";

src/app/users/[userId]/[userSlug]/page.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import { databases, users } from "@/models/server/config";
 import { UserPrefs } from "@/store/Auth";
 import React from "react";

src/app/users/[userId]/[userSlug]/questions/page.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import Pagination from "@/components/Pagination";
 import QuestionCard from "@/components/QuestionCard";
 import { answerCollection, db, questionCollection, voteCollection } from "@/models/name";

src/app/users/[userId]/[userSlug]/votes/page.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 import Pagination from "@/components/Pagination";
 import { answerCollection, db, questionCollection, voteCollection } from "@/models/name";
 import { databases } from "@/models/server/config";

src/components/Answers.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
-import { Models } from "appwrite";
+import {  Models } from "appwrite";
 import React from "react";
 import VoteButtons from "./VoteButtons";
 import { useAuthStore } from "@/store/Auth";

src/components/Pagination.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 "use client";
 
 import { usePathname, useRouter, useSearchParams } from "next/navigation";

src/components/QuestionCard.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 "use client";
 
 import React from "react";

src/components/RTE.tsx

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+
 "use client";
 
 import dynamic from "next/dynamic";

src/components/magicui/animated-grid-pattern.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
 import { motion } from "motion/react";
@@ -34,7 +35,6 @@ export function AnimatedGridPattern({
   className,
   maxOpacity = 0.5,
   duration = 4,
-  repeatDelay = 0.5,
   ...props
 }: AnimatedGridPatternProps) {
   const id = useId();
@@ -76,12 +76,12 @@ export function AnimatedGridPattern({
     if (dimensions.width && dimensions.height) {
       setSquares(generateSquares(numSquares));
     }
-  }, [dimensions, numSquares]);
+  }, [dimensions, numSquares, generateSquares]);
 
   // Resize observer to update container dimensions
   useEffect(() => {
     const resizeObserver = new ResizeObserver((entries) => {
-      for (let entry of entries) {
+      for (const entry of entries) {
         setDimensions({
           width: entry.contentRect.width,
           height: entry.contentRect.height,

src/components/magicui/icon-cloud.tsx

@@ -1,3 +1,4 @@
+
 "use client";
 
 import React, { useEffect, useRef, useState } from "react";
@@ -24,7 +25,7 @@ function easeOutCubic(t: number): number {
 export function IconCloud({ icons, images }: IconCloudProps) {
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const [iconPositions, setIconPositions] = useState<Icon[]>([]);
-  const [rotation, setRotation] = useState({ x: 0, y: 0 });
+  const [rotation] = useState({ x: 0, y: 0 });
   const [isDragging, setIsDragging] = useState(false);
   const [lastMousePos, setLastMousePos] = useState({ x: 0, y: 0 });
   const [mousePos, setMousePos] = useState({ x: 0, y: 0 });
@@ -37,7 +38,7 @@ export function IconCloud({ icons, images }: IconCloudProps) {
     startTime: number;
     duration: number;
   } | null>(null);
-  const animationFrameRef = useRef<number>();
+  const animationFrameRef = useRef<number | undefined>(undefined);
   const rotationRef = useRef(rotation);
   const iconCanvasesRef = useRef<HTMLCanvasElement[]>([]);
   const imagesLoadedRef = useRef<boolean[]>([]);

src/components/ui/floating-navbar.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 import React, { JSX, useState } from "react";
 import { motion, AnimatePresence, useScroll, useMotionValueEvent } from "framer-motion";