From 0b964ea7ff4f35e5e2bb5837928c497a0e4f37ca Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Thu, 11 Apr 2024 11:41:44 -0700
Subject: [PATCH] fix - point to fallback login

---
 ui/litellm-dashboard/src/components/admins.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/ui/litellm-dashboard/src/components/admins.tsx b/ui/litellm-dashboard/src/components/admins.tsx
index cff4ca2b87..7424874fb6 100644
--- a/ui/litellm-dashboard/src/components/admins.tsx
+++ b/ui/litellm-dashboard/src/components/admins.tsx
@@ -27,6 +27,7 @@ import {
   Col,
   Text,
   Grid,
+  Callout,
 } from "@tremor/react";
 import { PencilAltIcon } from "@heroicons/react/outline";
 interface AdminPanelProps {
@@ -60,6 +61,13 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
   const [isAddSSOModalVisible, setIsAddSSOModalVisible] = useState(false);
   const [isInstructionsModalVisible, setIsInstructionsModalVisible] = useState(false);
 
+  let nonSssoUrl;
+  try {
+    nonSssoUrl = window.location.origin;
+  } catch (error) {
+    nonSssoUrl  = '<your-proxy-url>';
+  }
+
 const handleAddSSOOk = () => {
   
   setIsAddSSOModalVisible(false);
@@ -504,6 +512,9 @@ const handleInstructionsCancel = () => {
     </div>
     </Modal>
   </div>
+  <Callout title="Login without SSO" color="teal">
+      If you need to login without sso, you can access <a href= {nonSssoUrl} target="_blank"><b>{nonSssoUrl}/fallback/login</b>  </a>
+  </Callout>
 </Grid>
     </div>
   );