diff --git a/mcpjam-inspector/client/src/App.tsx b/mcpjam-inspector/client/src/App.tsx index fa6cf01ef..898f5800b 100644 --- a/mcpjam-inspector/client/src/App.tsx +++ b/mcpjam-inspector/client/src/App.tsx @@ -21,7 +21,6 @@ import { OAuthFlowTab } from "./components/OAuthFlowTab"; import { AppBuilderTab } from "./components/ui-playground/AppBuilderTab"; import { ProfileTab } from "./components/ProfileTab"; import { OrganizationsTab } from "./components/OrganizationsTab"; -import { SupportTab } from "./components/SupportTab"; import OAuthDebugCallback from "./components/oauth/OAuthDebugCallback"; import { MCPSidebar } from "./components/mcp-sidebar"; import { SidebarInset, SidebarProvider } from "./components/ui/sidebar"; @@ -775,7 +774,6 @@ export default function App() { workspaceName={activeWorkspace?.name ?? null} /> )} - {activeTab === "support" && } {activeTab === "profile" && } {activeTab === "organizations" && ( diff --git a/mcpjam-inspector/client/src/__tests__/App.hosted-oauth.test.tsx b/mcpjam-inspector/client/src/__tests__/App.hosted-oauth.test.tsx index 270c90a70..273e27100 100644 --- a/mcpjam-inspector/client/src/__tests__/App.hosted-oauth.test.tsx +++ b/mcpjam-inspector/client/src/__tests__/App.hosted-oauth.test.tsx @@ -175,9 +175,6 @@ vi.mock("../components/ProfileTab", () => ({ vi.mock("../components/OrganizationsTab", () => ({ OrganizationsTab: () =>
, })); -vi.mock("../components/SupportTab", () => ({ - SupportTab: () =>
, -})); vi.mock("../components/oauth/OAuthDebugCallback", () => ({ default: () =>
, })); diff --git a/mcpjam-inspector/client/src/components/SupportTab.tsx b/mcpjam-inspector/client/src/components/SupportTab.tsx deleted file mode 100644 index c5306bbf8..000000000 --- a/mcpjam-inspector/client/src/components/SupportTab.tsx +++ /dev/null @@ -1,82 +0,0 @@ -import { BookOpen, ExternalLink } from "lucide-react"; -import { DiscordIcon } from "@/components/ui/discord-icon"; -import { GitHubIcon } from "@/components/ui/github-icon"; -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/components/ui/card"; -import { Button } from "@/components/ui/button"; - -const supportLinks = [ - { - title: "Discord Community", - description: - "Project maintainers are active on our Discord server. Get quick help here.", - href: "https://discord.gg/JEnDtz8X6z", - cta: "Join Discord", - icon: DiscordIcon, - }, - { - title: "Documentation", - description: "Browse setup guides and reference docs.", - href: "https://docs.mcpjam.com/", - cta: "Open Docs", - icon: BookOpen, - }, - { - title: "Report an Issue", - description: "File a bug or request an improvement on GitHub.", - href: "https://github.com/MCPJam/inspector/issues/new", - cta: "Open Issue", - icon: GitHubIcon, - }, -]; - -export function SupportTab() { - return ( -
-
-
-
- {supportLinks.map((item) => { - const Icon = item.icon; - return ( - - - - {item.title} - {item.description} - - - - - - ); - })} -
-

- or email us at{" "} - - founders@mcpjam.com - -

-
-
-
- ); -} diff --git a/mcpjam-inspector/client/src/components/auth/auth-upper-area.tsx b/mcpjam-inspector/client/src/components/auth/auth-upper-area.tsx index 75e6d9757..51d750f50 100644 --- a/mcpjam-inspector/client/src/components/auth/auth-upper-area.tsx +++ b/mcpjam-inspector/client/src/components/auth/auth-upper-area.tsx @@ -4,12 +4,19 @@ import { usePostHog } from "posthog-js/react"; import { Button } from "@/components/ui/button"; import { DiscordIcon } from "@/components/ui/discord-icon"; import { GitHubIcon } from "@/components/ui/github-icon"; +import { + DropdownMenu, + DropdownMenuContent, + DropdownMenuItem, + DropdownMenuTrigger, +} from "@/components/ui/dropdown-menu"; import { ActiveServerSelector, ActiveServerSelectorProps, } from "@/components/ActiveServerSelector"; import { NotificationBell } from "@/components/notifications/NotificationBell"; import { detectEnvironment, detectPlatform } from "@/lib/PosthogUtils"; +import { Bug, CircleHelp, ExternalLink, BookOpenText } from "lucide-react"; interface AuthUpperAreaProps { activeServerSelectorProps?: ActiveServerSelectorProps; @@ -22,35 +29,6 @@ export function AuthUpperArea({ const { isLoading } = useConvexAuth(); const posthog = usePostHog(); - const communityLinks = ( - - ); - return (
{activeServerSelectorProps && ( @@ -62,10 +40,63 @@ export function AuthUpperArea({
)}
- {communityLinks} + + + + + + + + + Documentation + + + + + + + Discord community + + + + + + + Report a bug + + + + + + + GitHub repository + + + + + {!user && !isLoading && ( <> +