From 6dee76c580428c0333dedd5e36061fd92a57f3d5 Mon Sep 17 00:00:00 2001
From: Ishaan Jaffer <ishaanjaffer0324@gmail.com>
Date: Fri, 24 Oct 2025 14:36:49 -0700
Subject: [PATCH] UI fix linting errors

---
 .../src/components/search_tools/create_search_tool.tsx     | 7 ++++---
 .../src/components/search_tools/search_connection_test.tsx | 2 +-
 .../src/components/search_tools/search_tool_columns.tsx    | 1 -
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/search_tools/create_search_tool.tsx b/ui/litellm-dashboard/src/components/search_tools/create_search_tool.tsx
index 1fde7db42b..4a354e95ee 100644
--- a/ui/litellm-dashboard/src/components/search_tools/create_search_tool.tsx
+++ b/ui/litellm-dashboard/src/components/search_tools/create_search_tool.tsx
@@ -8,6 +8,7 @@ import { isAdminRole } from "@/utils/roles";
 import NotificationsManager from "../molecules/notifications_manager";
 import { useQuery } from "@tanstack/react-query";
 import SearchConnectionTest from "./search_connection_test";
+import Image from "next/image";
 
 const { TextArea } = Input;
 
@@ -27,12 +28,12 @@ interface SearchProviderLabelProps {
 
 const SearchProviderLabel: React.FC<SearchProviderLabelProps> = ({ providerName, displayName }) => (
   <div style={{ display: "flex", alignItems: "center" }}>
-    <img
+    <Image
       src={getSearchProviderLogo(providerName)}
       alt=""
+      width={20}
+      height={20}
       style={{
-        height: "20px",
-        width: "20px",
         marginRight: "8px",
         objectFit: "contain",
       }}
diff --git a/ui/litellm-dashboard/src/components/search_tools/search_connection_test.tsx b/ui/litellm-dashboard/src/components/search_tools/search_connection_test.tsx
index 4504dd38ca..e18d314591 100644
--- a/ui/litellm-dashboard/src/components/search_tools/search_connection_test.tsx
+++ b/ui/litellm-dashboard/src/components/search_tools/search_connection_test.tsx
@@ -252,7 +252,7 @@ const SearchConnectionTest: React.FC<SearchConnectionTestProps> = ({
                 <li style={{ marginBottom: "6px" }}>Verify your API key is correct and active</li>
                 <li style={{ marginBottom: "6px" }}>Check if the search provider service is operational</li>
                 <li style={{ marginBottom: "6px" }}>Ensure you have sufficient credits/quota with the provider</li>
-                <li style={{ marginBottom: "6px" }}>Review the provider's documentation for any additional requirements</li>
+                <li style={{ marginBottom: "6px" }}>Review the provider&apos;s documentation for any additional requirements</li>
               </ul>
             </div>
           </div>
diff --git a/ui/litellm-dashboard/src/components/search_tools/search_tool_columns.tsx b/ui/litellm-dashboard/src/components/search_tools/search_tool_columns.tsx
index ce43930bbd..c568fffc65 100644
--- a/ui/litellm-dashboard/src/components/search_tools/search_tool_columns.tsx
+++ b/ui/litellm-dashboard/src/components/search_tools/search_tool_columns.tsx
@@ -2,7 +2,6 @@ import { ColumnDef } from "@tanstack/react-table";
 import { SearchTool } from "./types";
 import { Icon } from "@tremor/react";
 import { PencilAltIcon, TrashIcon } from "@heroicons/react/outline";
-import { Tooltip } from "antd";
 
 export const searchToolColumns = (
   onView: (searchToolId: string) => void,