diff --git a/ui/litellm-dashboard/src/app/page.tsx b/ui/litellm-dashboard/src/app/page.tsx index 1aaf8cbc3d..26bdb7af24 100644 --- a/ui/litellm-dashboard/src/app/page.tsx +++ b/ui/litellm-dashboard/src/app/page.tsx @@ -221,6 +221,7 @@ const CreateKeyPage = () => { searchParams={searchParams} accessToken={accessToken} showSSOBanner={showSSOBanner} + premiumUser={premiumUser} /> ) : page == "api_ref" ? ( >; showSSOBanner: boolean; + premiumUser: boolean; } import { @@ -59,6 +60,7 @@ const AdminPanel: React.FC = ({ searchParams, accessToken, showSSOBanner, + premiumUser, }) => { const [form] = Form.useForm(); const [memberForm] = Form.useForm(); @@ -105,6 +107,12 @@ const AdminPanel: React.FC = ({ const handleShowAllowedIPs = async () => { try { + if (premiumUser !== true) { + message.error( + "This feature is only available for premium users. Please upgrade your account." + ) + return + } if (accessToken) { const data = await getAllowedIPs(accessToken); setAllowedIPs(data && data.length > 0 ? data : [all_ip_address_allowed]); @@ -116,7 +124,9 @@ const AdminPanel: React.FC = ({ message.error(`Failed to fetch allowed IPs ${error}`); setAllowedIPs([all_ip_address_allowed]); } finally { - setIsAllowedIPModalVisible(true); + if (premiumUser === true) { + setIsAllowedIPModalVisible(true); + } } }; @@ -605,7 +615,7 @@ const AdminPanel: React.FC = ({ ✨ Security Settings
- +