mirror of
https://github.com/hanzoai/sentinel.git
synced 2026-09-29 22:34:33 +00:00
zeekayandHanzo Dev
f888991a7a
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]>
134 lines
3.7 KiB
TypeScript
134 lines
3.7 KiB
TypeScript
import {Fragment} from 'react';
|
|
import styled from '@emotion/styled';
|
|
|
|
import Hook from 'sentry/components/hook';
|
|
import HookOrDefault from 'sentry/components/hookOrDefault';
|
|
import ExternalLink from 'sentry/components/links/externalLink';
|
|
import {IconSentry} from 'sentry/icons';
|
|
import {t} from 'sentry/locale';
|
|
import ConfigStore from 'sentry/stores/configStore';
|
|
import {useLegacyStore} from 'sentry/stores/useLegacyStore';
|
|
import {space} from 'sentry/styles/space';
|
|
import getDynamicText from 'sentry/utils/getDynamicText';
|
|
import useOrganization from 'sentry/utils/useOrganization';
|
|
|
|
const SentryLogoHook = HookOrDefault({
|
|
hookName: 'component:sentry-logo',
|
|
defaultComponent: () => <IconSentry size="lg" />,
|
|
});
|
|
|
|
type Props = {
|
|
className?: string;
|
|
};
|
|
|
|
function BaseFooter({className}: Props) {
|
|
const {isSelfHosted, version, privacyUrl, termsUrl, demoMode} =
|
|
useLegacyStore(ConfigStore);
|
|
const organization = useOrganization({allowNull: true});
|
|
|
|
return (
|
|
<footer className={className}>
|
|
<LeftLinks>
|
|
{isSelfHosted && (
|
|
<Fragment>
|
|
{'Sentinel '}
|
|
{getDynamicText({
|
|
fixed: 'Acceptance Test',
|
|
value: version.current,
|
|
})}
|
|
<Build>
|
|
{getDynamicText({
|
|
fixed: 'test',
|
|
value: version.build.substring(0, 7),
|
|
})}
|
|
</Build>
|
|
</Fragment>
|
|
)}
|
|
{privacyUrl && <FooterLink href={privacyUrl}>{t('Privacy Policy')}</FooterLink>}
|
|
{termsUrl && <FooterLink href={termsUrl}>{t('Terms of Use')}</FooterLink>}
|
|
</LeftLinks>
|
|
<SentryLogoLink href="https://hanzo.ai" tabIndex={-1}>
|
|
<SentryLogoHook
|
|
size="lg"
|
|
pride={(organization?.features ?? []).includes('sentry-pride-logo-footer')}
|
|
/>
|
|
</SentryLogoLink>
|
|
<RightLinks>
|
|
{!isSelfHosted && (
|
|
<FooterLink href="https://status.hanzo.ai">{t('Service Status')}</FooterLink>
|
|
)}
|
|
<FooterLink href="/api/">{t('API')}</FooterLink>
|
|
<FooterLink href="/docs/">{t('Docs')}</FooterLink>
|
|
<FooterLink href="https://github.com/getsentry/sentry">
|
|
{t('Contribute')}
|
|
</FooterLink>
|
|
{isSelfHosted && !demoMode && (
|
|
<FooterLink href="/out/">{t('Migrate to SaaS')}</FooterLink>
|
|
)}
|
|
</RightLinks>
|
|
<Hook name="footer" />
|
|
</footer>
|
|
);
|
|
}
|
|
|
|
const LeftLinks = styled('div')`
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
grid-auto-columns: max-content;
|
|
align-items: center;
|
|
justify-self: flex-start;
|
|
gap: ${space(2)};
|
|
`;
|
|
|
|
const RightLinks = styled('div')`
|
|
display: grid;
|
|
grid-auto-flow: column;
|
|
grid-auto-columns: max-content;
|
|
align-items: center;
|
|
justify-self: flex-end;
|
|
gap: ${space(2)};
|
|
`;
|
|
|
|
const FooterLink = styled(ExternalLink)`
|
|
color: ${p => p.theme.subText};
|
|
&:focus-visible {
|
|
outline: none;
|
|
box-shadow: ${p => p.theme.blue300} 0 2px 0;
|
|
}
|
|
`;
|
|
|
|
const SentryLogoLink = styled(ExternalLink)`
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 auto;
|
|
color: ${p => p.theme.subText};
|
|
`;
|
|
|
|
const Build = styled('span')`
|
|
font-size: ${p => p.theme.fontSizeRelativeSmall};
|
|
color: ${p => p.theme.subText};
|
|
font-weight: bold;
|
|
margin-left: ${space(1)};
|
|
`;
|
|
|
|
const Footer = styled(BaseFooter)`
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
color: ${p => p.theme.subText};
|
|
font-size: ${p => p.theme.fontSizeMedium};
|
|
border-top: 1px solid ${p => p.theme.border};
|
|
align-content: center;
|
|
padding: ${space(2)} ${space(4)};
|
|
margin-top: auto; /* pushes footer to the bottom of the page when loading */
|
|
|
|
@media (max-width: ${p => p.theme.breakpoints.medium}) {
|
|
padding: ${space(2)};
|
|
}
|
|
|
|
@media (max-width: ${p => p.theme.breakpoints.small}) {
|
|
display: none;
|
|
}
|
|
`;
|
|
|
|
export default Footer;
|