7653e3411c
Brings the unified dashboard into the open-source repo. Premium features ship in the open code, gated at runtime via NETBIRD_CLOUD and NETBIRD_LICENSED, with upgrade prompts for unlicensed self-hosted deployments. Adds the cloud-only feature areas (billing, integrations, MSP, traffic events, notifications) and the Playwright e2e suite.
74 lines
2.5 KiB
TypeScript
74 lines
2.5 KiB
TypeScript
"use client";
|
|
|
|
import { RestrictedAccess } from "@components/ui/RestrictedAccess";
|
|
import { VerticalTabs } from "@components/VerticalTabs";
|
|
import {
|
|
FileText,
|
|
FingerprintIcon,
|
|
KeyRoundIcon,
|
|
ShieldCheckIcon,
|
|
} from "lucide-react";
|
|
import { useSearchParams } from "next/navigation";
|
|
import React, { useState } from "react";
|
|
import { usePermissions } from "@/contexts/PermissionsProvider";
|
|
import PageContainer from "@/layouts/PageContainer";
|
|
import { useAccount } from "@/modules/account/useAccount";
|
|
import EDRTab from "@/modules/integrations/edr/EDRTab";
|
|
import EventStreamingTab from "@/modules/integrations/event-streaming/EventStreamingTab";
|
|
import IdentityProviderTab from "@/modules/integrations/idp-sync/IdentityProviderTab";
|
|
import SSOTab from "@/modules/integrations/sso/SSOTab";
|
|
import { isNetBirdCloud } from "@utils/netbird";
|
|
|
|
export default function Integrations() {
|
|
const searchParams = useSearchParams();
|
|
const currentTab = searchParams.get("tab");
|
|
const [tab, setTab] = useState(currentTab || "identity-provider");
|
|
const account = useAccount();
|
|
const { permission } = usePermissions();
|
|
|
|
return (
|
|
<PageContainer>
|
|
<VerticalTabs value={tab} onChange={setTab}>
|
|
<VerticalTabs.List>
|
|
<VerticalTabs.Trigger value="identity-provider">
|
|
<FingerprintIcon size={14} />
|
|
Identity Provider Sync
|
|
</VerticalTabs.Trigger>
|
|
|
|
{isNetBirdCloud() && (
|
|
<VerticalTabs.Trigger value="sso">
|
|
<KeyRoundIcon size={14} />
|
|
Single Sign-On
|
|
</VerticalTabs.Trigger>
|
|
)}
|
|
|
|
<VerticalTabs.Trigger value="event-streaming">
|
|
<FileText size={14} />
|
|
Event Streaming
|
|
</VerticalTabs.Trigger>
|
|
<VerticalTabs.Trigger value="edr">
|
|
<ShieldCheckIcon size={15} />
|
|
MDM & EDR
|
|
</VerticalTabs.Trigger>
|
|
</VerticalTabs.List>
|
|
<RestrictedAccess
|
|
page={"Integrations"}
|
|
hasAccess={
|
|
permission?.edr?.read ||
|
|
permission?.idp?.read ||
|
|
permission?.event_streaming?.read ||
|
|
(!isNetBirdCloud() && (permission?.settings?.read ?? false))
|
|
}
|
|
>
|
|
<div className={"border-l border-nb-gray-930 w-full"}>
|
|
<IdentityProviderTab />
|
|
<SSOTab />
|
|
<EventStreamingTab />
|
|
{account && <EDRTab account={account} />}
|
|
</div>
|
|
</RestrictedAccess>
|
|
</VerticalTabs>
|
|
</PageContainer>
|
|
);
|
|
}
|