Files
zeekayandHanzo Dev f888991a7a drop the Sentry wordmark from the react app
FSL-1.0-Apache-2.0 grants us the code, not the name. "Sentry" is
Functional Software's trademark, so every place the running app says it
to a user -- page titles, onboarding, empty states, toasts, settings
copy, the self-hosted footer -- now says Sentinel.

Attribution is the other half of the deal and stays untouched: upstream
copyright headers, LICENSE, NOTICE. So does anything where the mark is a
fact rather than a brand -- @sentry/* packages, sentry-cli, the wizard
and bundler plugins, docs.sentry.io, the whole gettingStartedDocs tree.
Renaming those would leave instructions that no longer work.

Nothing structural moved. No import, identifier, route path, feature
flag, API field or test id changed; the diff is 312 lines in and 312
out. Colocated specs were updated in lockstep with the copy they assert.
Marketing and community links point at hanzo.ai, only where a real page
exists to point at.

Co-authored-by: Hanzo Dev <[email protected]>
2026-08-10 18:01:22 -07:00

112 lines
3.3 KiB
TypeScript

import styled from '@emotion/styled';
import {CodeSnippet} from 'sentry/components/codeSnippet';
import ExternalLink from 'sentry/components/links/externalLink';
import List from 'sentry/components/list';
import ListItem from 'sentry/components/list/listItem';
import LoadingError from 'sentry/components/loadingError';
import LoadingIndicator from 'sentry/components/loadingIndicator';
import {t, tct} from 'sentry/locale';
import {space} from 'sentry/styles/space';
import type {Project, ProjectKey} from 'sentry/types';
import {useApiQuery} from 'sentry/utils/queryClient';
import useOrganization from 'sentry/utils/useOrganization';
export function OtherPlatformsInfo({
projectSlug,
platform,
}: {
platform: string;
projectSlug: Project['slug'];
}) {
const organization = useOrganization();
const {
data = [],
isError,
isLoading,
refetch,
} = useApiQuery<ProjectKey[]>([`/projects/${organization.slug}/${projectSlug}/keys/`], {
staleTime: Infinity,
});
if (isLoading) {
return <LoadingIndicator />;
}
if (isError) {
return <LoadingError onRetry={refetch} />;
}
return (
<Wrapper>
{t(
"We cannot provide instructions for '%s' projects. However, please find below the DSN key for this project, which is required to instrument Sentinel.",
platform
)}
<CodeSnippet dark language="properties">
{t('dsn: %s', data[0].dsn.public)}
</CodeSnippet>
<Suggestion>
{t(
'Since it can be a lot of work creating a Sentry SDK from scratch, we suggest you review the following SDKs which are applicable for a wide variety of applications:'
)}
<List symbol="bullet">
<ListItem>
<ExternalLink href="https://docs.sentry.io/platforms/javascript/">
Browser JavaScript
</ExternalLink>
</ListItem>
<ListItem>
<ExternalLink href="https://docs.sentry.io/platforms/python/">
Python
</ExternalLink>
</ListItem>
<ListItem>
<ExternalLink href="https://docs.sentry.io/platforms/node/">
Node.js
</ExternalLink>
</ListItem>
<ListItem>
<ExternalLink href="https://docs.sentry.io/platforms/dotnet/">
.NET
</ExternalLink>
</ListItem>
<ListItem>
<ExternalLink href="https://docs.sentry.io/platforms/java/">
JAVA
</ExternalLink>
</ListItem>
</List>
</Suggestion>
<div>
{tct(
"Also there's a rich ecosystem of [link:community suported SDKs] (including NestJS, Nuxt2, Perl, CFML and Clojure).",
{
link: (
<ExternalLink href="https://docs.sentry.io/platforms/#community-supported" />
),
}
)}
</div>
<div>
{tct(
'Your favorite language or framework still cannot be found? Then we encourage you to consider [link:writing your own SDK].',
{
link: <ExternalLink href="https://develop.sentry.dev/sdk" />,
}
)}
</div>
</Wrapper>
);
}
const Wrapper = styled('div')`
display: flex;
flex-direction: column;
gap: ${space(2)};
`;
const Suggestion = styled(Wrapper)`
gap: ${space(1)};
`;