lint

Author: Yash094

apps/portal/src/app/knowledge-base/sidebar.tsx

@@ -72,8 +72,8 @@ export const sidebar: SideBar = {
             },
             {
               name: "Transfer Amount Exceeds Allowance",
-              href: "/knowledge-base/troubleshoot/contracts/erc20-transfer-allowance"
-            }
+              href: "/knowledge-base/troubleshoot/contracts/erc20-transfer-allowance",
+            },
           ],
         },
       ],

apps/portal/src/app/page.tsx

@@ -1,4 +1,6 @@
 import { Grid, Heading, SDKCard } from "@/components/Document";
+import { Button } from "@/components/ui/button";
+import { MessageCircleIcon } from "lucide-react";
 import Image from "next/image";
 import Link from "next/link";
 import { UnityIcon } from "../icons";
@@ -15,8 +17,6 @@ import { PlaygroundIcon } from "../icons/products/PlaygroundIcon";
 import { cn } from "../lib/utils";
 import DocsHeroDark from "./_images/docs-hero-dark.png";
 import DocsHeroLight from "./_images/docs-hero-light.png";
-import { Button } from "@/components/ui/button";
-import { MessageCircleIcon } from "lucide-react";
 export default function Page() {
   return (
     <main className="container max-w-[900px] grow pb-20" data-noindex>
@@ -42,7 +42,7 @@ function Hero() {
           <p className="mb-8 max-w-md text-lg text-muted-foreground leading-normal">
             Development framework for building onchain apps, games, and agents.
           </p>
-          
+
           <Link href="/chat">
             <Button className="flex items-center gap-2">
               <MessageCircleIcon className="size-4" />
@@ -236,4 +236,4 @@ function ArticleCardIndex(props: {
       </div>
     </Link>
   );
-}
+}

apps/portal/src/components/AI/api.ts

@@ -56,12 +56,10 @@ export const sendFeedback = async (
       },
       body: JSON.stringify({ conversationId, feedbackRating }),
     });
-    
+
     if (!response.ok) {
       const error = await response.text();
-      throw new Error(
-        `Failed to send feedback: ${response.status} - ${error}`,
-      );
+      throw new Error(`Failed to send feedback: ${response.status} - ${error}`);
     }
     return true;
   } catch (error) {

apps/portal/src/components/AI/chat.tsx

@@ -4,8 +4,9 @@ import { MarkdownRenderer } from "@/components/markdown/MarkdownRenderer";
 import { LoadingDots } from "@/components/ui/LoadingDots";
 import { Button } from "@/components/ui/button";
 import { AutoResizeTextarea } from "@/components/ui/textarea";
+import siwaIcon from "@/icons/siwa-icon.png";
 import { cn } from "@/lib/utils";
-import { ArrowUpIcon, ThumbsUpIcon, ThumbsDownIcon } from "lucide-react";
+import { ArrowUpIcon, ThumbsDownIcon, ThumbsUpIcon } from "lucide-react";
 import { usePostHog } from "posthog-js/react";
 import {
   type ChangeEvent,
@@ -16,7 +17,6 @@ import {
   useState,
 } from "react";
 import { getChatResponse, sendFeedback } from "./api";
-import siwaIcon from "@/icons/siwa-icon.png";
 
 interface Message {
   id: string;
@@ -142,9 +142,9 @@ export function Chat() {
         });
       }
     }, 100);
-    
+
     return () => clearTimeout(timer);
-  }, [messages]);
+  }, []);
 
   const handleInputChange = (e: ChangeEvent<HTMLTextAreaElement>) => {
     setInput(e.target.value);
@@ -161,15 +161,15 @@ export function Chat() {
 
   const handleFeedback = async (messageId: string, feedback: 1 | -1) => {
     if (!conversationId) return; // Don't send feedback if no conversation
-    
+
     try {
       await sendFeedback(conversationId, feedback);
       setMessages((prevMessages) =>
         prevMessages.map((msg) =>
-          msg.id === messageId ? { ...msg, feedback } : msg
-        )
+          msg.id === messageId ? { ...msg, feedback } : msg,
+        ),
       );
-    } catch (e) {
+    } catch (_e) {
       // Optionally handle error
     }
   };
@@ -211,19 +211,21 @@ export function Chat() {
                         type={message.role}
                       />
                       {message.role === "assistant" && !message.isLoading && (
-                        <div className="flex gap-2 mt-2">
+                        <div className="mt-2 flex gap-2">
                           {!message.feedback && (
                             <>
                               <button
+                                type="button"
                                 aria-label="Thumbs up"
-                                className="hover:text-green-500 transition-colors text-muted-foreground"
+                                className="text-muted-foreground transition-colors hover:text-green-500"
                                 onClick={() => handleFeedback(message.id, 1)}
                               >
                                 <ThumbsUpIcon className="size-5" />
                               </button>
                               <button
+                                type="button"
                                 aria-label="Thumbs down"
-                                className="hover:text-red-500 transition-colors text-muted-foreground"
+                                className="text-muted-foreground transition-colors hover:text-red-500"
                                 onClick={() => handleFeedback(message.id, -1)}
                               >
                                 <ThumbsDownIcon className="size-5" />