From 6c8ff3f2c25645f05d9c48a26715b55cf5e535f3 Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Sat, 14 Jun 2025 11:13:42 -0700
Subject: [PATCH] [Feat] UI - Add back favicon (#11728)

* add favicon on ui

* fix live check
---
 ui/litellm-dashboard/src/app/layout.tsx        |  1 +
 .../src/components/view_logs/index.tsx         | 18 ++++++++----------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/ui/litellm-dashboard/src/app/layout.tsx b/ui/litellm-dashboard/src/app/layout.tsx
index 2ddc028a1af..95c485fe2f0 100644
--- a/ui/litellm-dashboard/src/app/layout.tsx
+++ b/ui/litellm-dashboard/src/app/layout.tsx
@@ -7,6 +7,7 @@ const inter = Inter({ subsets: ["latin"] });
 export const metadata: Metadata = {
   title: "LiteLLM Dashboard",
   description: "LiteLLM Proxy Admin UI",
+  icons: { icon: "./favicon.ico" },
 };
 
 export default function RootLayout({
diff --git a/ui/litellm-dashboard/src/components/view_logs/index.tsx b/ui/litellm-dashboard/src/components/view_logs/index.tsx
index 4bab436ebe1..295fd755c0d 100644
--- a/ui/litellm-dashboard/src/components/view_logs/index.tsx
+++ b/ui/litellm-dashboard/src/components/view_logs/index.tsx
@@ -29,6 +29,7 @@ import {
   TabPanels,
   TabPanel,
   Text,
+  Switch,
 } from "@tremor/react";
 import AuditLogs from "./audit_logs";
 import { getTimeRangeDisplay } from "./logs_utils";
@@ -161,16 +162,13 @@ export default function SpendLogsTable({
   const LiveTailControls = () => {
     return (
       <div className="flex items-center gap-2">
-        <label className="relative inline-flex items-center cursor-pointer">
-          <input
-            type="checkbox"
-            className="sr-only peer"
-            checked={isLiveTail}
-            onChange={(e) => setIsLiveTail(e.target.checked)}
-          />
-          <div className="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-green-600"></div>
-          <span className="ml-2 text-sm font-medium text-gray-900">Live Tail</span>
-        </label>
+        <span className="text-sm font-medium text-gray-900">Live Tail</span>
+        <Switch 
+          color="green"
+          checked={isLiveTail}
+          defaultChecked={true}
+          onChange={setIsLiveTail}
+        />
       </div>
     );
   };