Browse Source

feat(replay): Create a hook for more Replay Onboarding CTA buttons (#61009)

Related to https://github.com/getsentry/sentry/issues/60981
Related to https://github.com/getsentry/getsentry/pull/12232
Ryan Albrecht 1 year ago
parent
commit
36c7fde178

+ 1 - 0
static/app/types/hooks.tsx

@@ -175,6 +175,7 @@ export type ComponentHooks = {
   'component:replay-list-page-header': () => React.ComponentType<ReplayListPageHeaderProps> | null;
   'component:replay-onboarding-alert': () => React.ComponentType<ReplayOnboardingAlertProps>;
   'component:replay-onboarding-cta': () => React.ComponentType<ReplayOnboardingCTAProps>;
+  'component:replay-onboarding-cta-button': () => React.ComponentType<{}> | null;
   'component:sentry-logo': () => React.ComponentType<SentryLogoProps>;
   'component:superuser-access-category': React.ComponentType<any>;
 };

+ 5 - 0
static/app/views/replays/list/replayOnboardingPanel.tsx

@@ -32,6 +32,10 @@ const OnboardingCTAHook = HookOrDefault({
   hookName: 'component:replay-onboarding-cta',
   defaultComponent: ({children}) => <Fragment>{children}</Fragment>,
 });
+const OnboardingCTAButton = HookOrDefault({
+  hookName: 'component:replay-onboarding-cta-button',
+  defaultComponent: null,
+});
 
 const OnboardingAlertHook = HookOrDefault({
   hookName: 'component:replay-onboarding-alert',
@@ -192,6 +196,7 @@ export function SetupReplaysCTA({
       </p>
       <ButtonList gap={1}>
         {renderCTA()}
+        <OnboardingCTAButton />
         <Button
           href="https://docs.sentry.io/platforms/javascript/session-replay/"
           external