File size: 2,145 Bytes
9b906ea | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 | import { useTranslation } from "react-i18next";
import { ExternalLink, Puzzle } from "lucide-react";
import { I18nKey } from "#/i18n/declaration";
import { useActiveBackendContext } from "#/contexts/active-backend-context";
import { isNoBackend } from "#/api/backend-registry/active-store";
import { getLockedCloudHost } from "#/api/agent-server-config";
import { cn } from "#/utils/utils";
import {
SIDEBAR_ICON_SLOT_CLASS,
SIDEBAR_ROW_INTERACTIVE_CLASS,
sidebarNavLabelClassName,
sidebarNavRowClassName,
} from "#/components/features/sidebar/sidebar-layout";
/**
* Renders only for cloud backends — local backends have no equivalent
* hosted integrations settings page. Also hidden when the canvas is locked to
* a Cloud host (SaaS / self-hosted OHE): the OHE settings shell behind
* "All Cloud Settings" already exposes Integrations (OHE-3168).
*/
export function IntegrationsSettingsLink() {
const { t } = useTranslation("openhands");
const { active } = useActiveBackendContext();
const { backend, orgId } = active;
if (isNoBackend(backend) || backend.kind !== "cloud") return null;
if (getLockedCloudHost() !== null) return null;
// `org` is consumed by the cloud settings loader so the page opens on the
// org that is active here instead of the cloud's last-used org.
const orgQuery = orgId ? `?org=${encodeURIComponent(orgId)}` : "";
const integrationsUrl = `${backend.host.replace(/\/+$/, "")}/settings/integrations${orgQuery}`;
return (
<a
data-testid="settings-integrations-link"
href={integrationsUrl}
target="_blank"
rel="noopener noreferrer"
className={cn(
sidebarNavRowClassName({ collapsed: false }),
SIDEBAR_ROW_INTERACTIVE_CLASS.idle,
)}
>
<span className={SIDEBAR_ICON_SLOT_CLASS}>
<Puzzle className="size-4 shrink-0" aria-hidden />
</span>
<span className={cn(sidebarNavLabelClassName(false), "flex-1")}>
{t(I18nKey.SETTINGS$INTEGRATIONS_SETTINGS_LINK)}
</span>
<ExternalLink
className="size-4 shrink-0 text-[var(--oh-muted)]"
aria-hidden
/>
</a>
);
}
|