fix: web lint error fix

Author: rishnudk

apps/web/app/api/trpc/[trpc]/route.ts

@@ -23,7 +23,7 @@ const handler = async (req: Request) => {
           },
         }
         : null,
-      io: null as any, // ⚠️ Mocking io for Next.js API route environment
+      io: null as unknown as Context['io'], // ⚠️ Mocking io for Next.js API route environment
     };
   };
 

apps/web/app/article/[slug]/page.tsx

@@ -59,10 +59,10 @@ export default function ArticlePage() {
         <div className="flex flex-col items-center gap-3 text-center">
 
           <Image
-            src={(article as any).authorImage || "/avatar.jpg"}
+            src={article.authorImage || "/avatar.jpg"}
             alt="author"
-            width={10}
-            height={10}
+            width={40}
+            height={40}
             className="rounded-full aspect-square object-cover"
           />
 
@@ -121,7 +121,7 @@ export default function ArticlePage() {
                 <Loader2 className="w-6 h-6 animate-spin text-zinc-500" />
               </div>
             ) : comments && comments.length > 0 ? (
-              (comments as any).map((comment: any)=> (
+              comments.map((comment) => (
                 <Comment
                   key={comment.id}
                   comment={comment}

apps/web/app/article/create/page.tsx

@@ -98,9 +98,9 @@ export default function ComposeArticlePage() {
             utils.articles.getArticles.invalidate();
             router.push('/feed'); 
 
-        } catch (error: any) {
+        } catch (error) {
             console.error(error);
-            toast.error(error.message || "Failed to publish article");
+            toast.error(error instanceof Error ? error.message : "Failed to publish article");
         } finally {
             setUploading(false);
         }

apps/web/app/feed/FeedClient.tsx

@@ -4,8 +4,6 @@ import { LeftSidebar } from '@/components/layout/left-sidebar/LeftSidebar';
 import { RightSidebar } from '@/components/layout/right-sidebar/RightSidebar';
 import { FeedBox } from './components/feedbox/FeedBox';
 import { trpc } from '@/utils/trpc';
-import { useState, useEffect } from 'react';
-import { useSession } from 'next-auth/react';
 
 interface FeedClientProps {
   session: Session | null;
@@ -16,13 +14,6 @@ export default function FeedClient({ session }: FeedClientProps) {
     {},
     { enabled: !!session } // Only fetch user sidebar info if logged in
   );
-  const [showOnboarding, setShowOnboarding] = useState(false);
-
-  useEffect(() => {
-    if (!isLoading && userInfo?.user && !userInfo.user.onboardingCompleted) {
-      setShowOnboarding(true);
-    }
-  }, [isLoading, userInfo]);
 
   return (
     <div className="flex justify-center min-h-screen bg-black">

apps/web/app/feed/components/Comment.tsx

@@ -6,8 +6,22 @@ import { useState } from "react";
 import { trpc } from "@/utils/trpc";
 import { formatPostTime } from "@/utils/formatTime";
 
+interface CommentData {
+  id: string;
+  content: string;
+  createdAt: string | Date;
+  user: {
+    id: string;
+    name?: string | null;
+    email?: string | null;
+    image?: string | null;
+  };
+  likes?: any[];
+  replies?: CommentData[];
+}
+
 interface CommentProps {
-  comment: any;
+  comment: CommentData;
   targetId: string;
   type?: "post" | "article";
   onCommentAdded: () => void;
@@ -170,7 +184,7 @@ export function Comment({ comment, targetId, type = "post", onCommentAdded, dept
       {/* Nested Replies */}
       {comment.replies && comment.replies.length > 0 && (
         <div className="ml-8 border-l-2 border-neutral-800">
-          {comment.replies.map((reply: any) => (
+          {comment.replies.map((reply) => (
             <Comment
               key={reply.id}
               comment={reply}

apps/web/app/feed/components/feedbox/CreatePostBox.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { useState } from "react";
-import { FileText, Sparkles, Code2, Users, Image, Smile } from "lucide-react";
+import { FileText, Sparkles, Code2, Users, Image as ImageIcon, Smile } from "lucide-react";
 import ImageNext from "next/image";
 import { useRouter } from "next/navigation";
 import type { Session } from "next-auth";
@@ -90,7 +90,7 @@ export function CreatePostBox({ groupId, session }: CreatePostBoxProps = {}) {
                   className="hover:text-white transition-colors"
                   title="Add image"
                 >
-                  <Image size={18} />
+                  <ImageIcon size={18} />
                 </button>
                 <button
                   onClick={() => setIsModalOpen(true)}

apps/web/app/feed/components/feedbox/CreatePostModal.tsx

@@ -2,7 +2,7 @@
 
 import type React from "react"
 import { useState, useRef } from "react"
-import { X, Image, Smile, Loader2 } from "lucide-react"
+import { X, Image as ImageIcon, Smile, Loader2 } from "lucide-react"
 import { motion, AnimatePresence } from "framer-motion"
 import NextImage from "next/image"
 import { toast } from "sonner"
@@ -32,7 +32,6 @@ const trendingTags = [
 export function CreatePostModal({
   isOpen,
   onClose,
-  session,
   groupId,
   prefillContent = "",
   prefillImages = [],
@@ -262,10 +261,13 @@ export function CreatePostModal({
                   <div className="flex flex-wrap gap-2 mt-3">
                     {files.map((file, i) => (
                       <div key={i} className="relative group">
-                        <img
+                        <NextImage
                           src={URL.createObjectURL(file)}
-                          alt=""
+                          alt="preview"
+                          width={80}
+                          height={80}
                           className="h-20 w-20 object-cover rounded-lg border border-zinc-700"
+                          unoptimized
                         />
                         <button
                           onClick={() => removeFile(i)}
@@ -282,10 +284,12 @@ export function CreatePostModal({
                 {existingImages.length > 0 && (
                   <div className="flex flex-wrap gap-2 mt-3">
                     {existingImages.map((url, i) => (
-                      <img
+                      <NextImage
                         key={i}
                         src={url}
-                        alt=""
+                        alt="existing preview"
+                        width={80}
+                        height={80}
                         className="h-20 w-20 object-cover rounded-lg border border-zinc-700"
                       />
                     ))}
@@ -301,7 +305,7 @@ export function CreatePostModal({
                     className="hover:text-white transition-colors"
                     title="Attach image"
                   >
-                    <Image size={18} />
+                    <ImageIcon size={18} />
                   </button>
                   <button className="hover:text-white transition-colors" title="Emoji">
                     <Smile size={18} />

apps/web/app/feed/components/feedbox/DraftModal.tsx

@@ -8,6 +8,8 @@ import type { Session } from "next-auth"
 import { trpc } from "@/utils/trpc"
 import { CreatePostModal } from "./CreatePostModal"
 
+import Image from "next/image"
+
 interface DraftModalProps {
   open: boolean
   onClose: () => void
@@ -117,12 +119,14 @@ export function DraftModal({ open, onClose, session, groupId }: DraftModalProps)
                           {draft.images && draft.images.length > 0 && (
                             <div className="flex gap-2 mt-2">
                               {draft.images.slice(0, 3).map((url, i) => (
-                                <img
-                                  key={i}
-                                  src={url}
-                                  alt=""
-                                  className="h-12 w-12 object-cover rounded-lg border border-zinc-700"
-                                />
+                                <div key={i} className="relative h-12 w-12 shrink-0">
+                                  <Image
+                                    src={url}
+                                    alt="draft preview"
+                                    fill
+                                    className="object-cover rounded-lg border border-zinc-700"
+                                  />
+                                </div>
                               ))}
                               {draft.images.length > 3 && (
                                 <div className="h-12 w-12 rounded-lg bg-zinc-800 border border-zinc-700 flex items-center justify-center text-xs text-zinc-400">

apps/web/app/feed/components/feedbox/PostCard.tsx

@@ -62,7 +62,7 @@ export function PostCard({
   const [isDeleted, setIsDeleted] = useState(false);
 
   const toggleLikeMutation = trpc.likes.toggleLike.useMutation({
-    onError: (err) => {
+    onError: () => {
       toast.error("Failed to like post");
       // Rollback
       setIsLiked(isLiked);

apps/web/app/feed/components/feedbox/PostCardView.tsx

@@ -8,6 +8,7 @@ import { PostContent } from "./PostContent";
 import { useRouter } from "next/navigation";
 
 type PostCardViewProps = {
+  user: string;
   name: string;
   username: string;
   time: string;
@@ -40,6 +41,7 @@ type PostCardViewProps = {
 };
 
 export function PostCardView({
+  user,
   name,
   username,
   time,
@@ -74,14 +76,14 @@ export function PostCardView({
 
   const embedRegex = /\[PROJECT_EMBED:(.+?)\]/;
   const match = text.match(embedRegex);
-  let projectEmbed: any = null;
+  let projectEmbed: { id?: string; userId?: string; url?: string; name?: string; description?: string } | null = null;
   let cleanText = text;
 
   if (match) {
     try {
       projectEmbed = JSON.parse(match[1]);
       cleanText = text.replace(embedRegex, '').trim();
-    } catch (e) {
+    } catch {
       // Invalid JSON, ignore
     }
   }
@@ -94,11 +96,11 @@ export function PostCardView({
       <div className="flex justify-between items-start">
         <div className="flex gap-2 w-full">
           <Image
-            src={avatarUrl || "/profile.jpg"}
+            src={user || "/profile.jpg"}
             alt="user"
             width={36}
             height={36}
-            className="w-9 h-9 object-cover rounded-full cursor-pointer flex-shrink-0"
+            className="w-9 h-9 object-cover rounded-full cursor-pointer shrink-0"
             onClick={onProfileClick}
           />