onboarding.tsx 922 B

1234567891011121314151617181920212223242526272829303132
  1. import ExternalLink from 'sentry/components/links/externalLink';
  2. import OnboardingPanel from 'sentry/components/onboardingPanel';
  3. import {t, tct} from 'sentry/locale';
  4. import type {Monitor} from '../types';
  5. import MonitorQuickStartGuide from './monitorQuickStartGuide';
  6. interface Props {
  7. monitor: Monitor;
  8. }
  9. function MonitorOnboarding({monitor}: Props) {
  10. return (
  11. <OnboardingPanel noCenter>
  12. <h3>{t('Instrument your monitor')}</h3>
  13. <p>
  14. {tct(
  15. 'Select an integration method for your new monitor. For in-depth instructions on integrating Crons, view [docsLink:our complete documentation].',
  16. {
  17. docsLink: (
  18. <ExternalLink href="https://docs.sentry.io/product/crons/getting-started/" />
  19. ),
  20. }
  21. )}
  22. </p>
  23. <MonitorQuickStartGuide monitor={monitor} />
  24. </OnboardingPanel>
  25. );
  26. }
  27. export default MonitorOnboarding;