diff --git a/ui/litellm-dashboard/src/components/SCIM.tsx b/ui/litellm-dashboard/src/components/SCIM.tsx index b248ee5661..655d3bf925 100644 --- a/ui/litellm-dashboard/src/components/SCIM.tsx +++ b/ui/litellm-dashboard/src/components/SCIM.tsx @@ -1,4 +1,4 @@ -import React, { useState } from "react"; +import React, { useState, useEffect } from "react"; import { Card, Title, @@ -23,16 +23,22 @@ const SCIMConfig: React.FC = ({ accessToken, userID, proxySetti const [form] = Form.useForm(); const [isCreatingToken, setIsCreatingToken] = useState(false); const [tokenData, setTokenData] = useState(null); + const [baseUrl, setBaseUrl] = useState(""); - let base_url = ""; - - if (proxySettings) { - if (proxySettings.PROXY_BASE_URL && proxySettings.PROXY_BASE_URL !== undefined) { - base_url = proxySettings.PROXY_BASE_URL; + useEffect(() => { + let url = ""; + + if (proxySettings && proxySettings.PROXY_BASE_URL && proxySettings.PROXY_BASE_URL !== undefined) { + url = proxySettings.PROXY_BASE_URL; + } else if (typeof window !== 'undefined') { + // Use the current origin as the base URL if no proxy URL is set + url = window.location.origin; } - } + + setBaseUrl(url); + }, [proxySettings]); - const scimBaseUrl = `${base_url}/scim`; + const scimBaseUrl = `${baseUrl}/scim/v2`; const handleCreateSCIMToken = async (values: any) => { if (!accessToken || !userID) { @@ -70,7 +76,7 @@ const SCIMConfig: React.FC = ({ accessToken, userID, proxySetti
- SCIM Base URL + SCIM Tenant URL (Base URL)