diff --git a/ui/litellm-dashboard/src/components/DeletedKeysPage/DeletedKeysPage.tsx b/ui/litellm-dashboard/src/components/DeletedKeysPage/DeletedKeysPage.tsx index 0ca6438a09..3d6389e548 100644 --- a/ui/litellm-dashboard/src/components/DeletedKeysPage/DeletedKeysPage.tsx +++ b/ui/litellm-dashboard/src/components/DeletedKeysPage/DeletedKeysPage.tsx @@ -1,9 +1,12 @@ "use client"; import { useState } from "react"; +import { Alert } from "antd"; import { useDeletedKeys } from "@/app/(dashboard)/hooks/keys/useKeys"; +import useAuthorized from "@/app/(dashboard)/hooks/useAuthorized"; import { DeletedKeysTable } from "./DeletedKeysTable/DeletedKeysTable"; export default function DeletedKeysPage() { + const { premiumUser } = useAuthorized(); const [pageIndex, setPageIndex] = useState(0); const [pageSize] = useState(50); @@ -14,14 +17,25 @@ export default function DeletedKeysPage() { } = useDeletedKeys(pageIndex + 1, pageSize); return ( - +
+ {!premiumUser && ( + + )} + +
); } diff --git a/ui/litellm-dashboard/src/components/DeletedTeamsPage/DeletedTeamsPage.tsx b/ui/litellm-dashboard/src/components/DeletedTeamsPage/DeletedTeamsPage.tsx index d065ba8f29..2b0286b1b0 100644 --- a/ui/litellm-dashboard/src/components/DeletedTeamsPage/DeletedTeamsPage.tsx +++ b/ui/litellm-dashboard/src/components/DeletedTeamsPage/DeletedTeamsPage.tsx @@ -1,8 +1,11 @@ "use client"; +import { Alert } from "antd"; import { useDeletedTeams } from "@/app/(dashboard)/hooks/teams/useTeams"; +import useAuthorized from "@/app/(dashboard)/hooks/useAuthorized"; import { DeletedTeamsTable } from "./DeletedTeamsTable/DeletedTeamsTable"; export default function DeletedTeamsPage() { + const { premiumUser } = useAuthorized(); const { data: teamsData, isPending: isLoading, @@ -10,10 +13,21 @@ export default function DeletedTeamsPage() { } = useDeletedTeams(1, 100); return ( - +
+ {!premiumUser && ( + + )} + +
); }