File "logging-settings.tsx"
Full Path: /home/markqprx/iniasli.pro/client/admin/settings/pages/logging-settings.tsx
File size: 1.71 KB
MIME-type: text/plain
Charset: utf-8
import {useFormContext} from 'react-hook-form';
import {SettingsPanel} from '@common/admin/settings/settings-panel';
import {SettingsErrorGroup} from '@common/admin/settings/settings-error-group';
import {FormTextField} from '@common/ui/forms/input-field/text-field/text-field';
import {SectionHelper} from '@common/ui/section-helper';
import {ExternalLink} from '@common/ui/buttons/external-link';
import {Trans} from '@common/i18n/trans';
export function LoggingSettings() {
return (
<SettingsPanel
title={<Trans message="Error logging" />}
description={
<Trans message="Configure site error logging and related 3rd party integrations." />
}
>
<SentrySection />
<SectionHelper
className="mt-30"
color="positive"
description={
<Trans
values={{
a: parts => (
<ExternalLink href="https://sentry.io">{parts}</ExternalLink>
),
}}
message="<a>Sentry</a> integration provides real-time error tracking and helps identify and fix issues when site is in production."
/>
}
/>
</SettingsPanel>
);
}
function SentrySection() {
const {clearErrors} = useFormContext();
return (
<SettingsErrorGroup
separatorTop={false}
separatorBottom={false}
name="logging_group"
>
{isInvalid => {
return (
<FormTextField
onChange={() => {
clearErrors();
}}
invalid={isInvalid}
name="server.sentry_dsn"
type="url"
minLength={30}
label={<Trans message="Sentry DSN" />}
/>
);
}}
</SettingsErrorGroup>
);
}