@@ -14,7 +14,10 @@ import {ExternalLink} from 'sentry/components/core/link';
14
14
import { useProjectSeerPreferences } from 'sentry/components/events/autofix/preferences/hooks/useProjectSeerPreferences' ;
15
15
import StarFixabilityViewButton from 'sentry/components/events/autofix/seerCreateViewButton' ;
16
16
import { useAutofixRepos } from 'sentry/components/events/autofix/useAutofix' ;
17
- import { GuidedSteps } from 'sentry/components/guidedSteps/guidedSteps' ;
17
+ import {
18
+ GuidedSteps ,
19
+ useGuidedStepsContext ,
20
+ } from 'sentry/components/guidedSteps/guidedSteps' ;
18
21
import { IconChevron , IconSeer } from 'sentry/icons' ;
19
22
import { t , tct } from 'sentry/locale' ;
20
23
import { space } from 'sentry/styles/space' ;
@@ -33,6 +36,24 @@ interface SeerNoticesProps {
33
36
hasGithubIntegration ?: boolean ;
34
37
}
35
38
39
+ function CustomSkipButton ( { ...props } : Partial < React . ComponentProps < typeof Button > > ) {
40
+ const { currentStep, setCurrentStep, totalSteps} = useGuidedStepsContext ( ) ;
41
+
42
+ if ( currentStep >= totalSteps ) {
43
+ return null ;
44
+ }
45
+
46
+ const handleSkip = ( ) => {
47
+ setCurrentStep ( currentStep + 1 ) ;
48
+ } ;
49
+
50
+ return (
51
+ < Button size = "sm" onClick = { handleSkip } { ...props } >
52
+ { t ( 'Skip' ) }
53
+ </ Button >
54
+ ) ;
55
+ }
56
+
36
57
function CustomStepButtons ( {
37
58
showBack,
38
59
showNext,
@@ -49,7 +70,7 @@ function CustomStepButtons({
49
70
return (
50
71
< GuidedSteps . ButtonWrapper >
51
72
{ showBack && < GuidedSteps . BackButton /> }
52
- { showNext && < GuidedSteps . NextButton /> }
73
+ { showNext && < CustomSkipButton /> }
53
74
{ showSkip && (
54
75
< Button onClick = { onSkip } size = "sm" >
55
76
{ t ( 'Skip for Now' ) }
0 commit comments