diff --git a/frontend/src/component/demo/demo-topics.tsx b/frontend/src/component/demo/demo-topics.tsx index 0b3224520e..d984329eb0 100644 --- a/frontend/src/component/demo/demo-topics.tsx +++ b/frontend/src/component/demo/demo-topics.tsx @@ -113,8 +113,9 @@ export const TOPICS: ITutorialTopic[] = [ target: `a[href="${basePath}/projects/${PROJECT}/features/demoApp.step2"]`, content: ( - First, let's open the feature toggle configuration for{' '} - demoApp.step2 + First, open the feature toggle configuration for{' '} + demoApp.step2 by using this + link. ), preventDefault: true, @@ -124,7 +125,7 @@ export const TOPICS: ITutorialTopic[] = [ target: `div[data-testid="FEATURE_ENVIRONMENT_ACCORDION_${ENVIRONMENT}"] button`, content: ( - Add a new strategy to this environment by clicking this + Add a new strategy to this environment by using this button. ), @@ -161,7 +162,7 @@ export const TOPICS: ITutorialTopic[] = [ to be evaluated for a feature toggle. - Click this button to add a constraint. + Add a constraint by using this button. ), @@ -170,16 +171,21 @@ export const TOPICS: ITutorialTopic[] = [ { target: '#context-field-select', content: ( - - - Unleash context - {' '} - contains information relating to the current feature - toggle request. - + <> + + + Unleash context + {' '} + contains information relating to the current feature + toggle request. + + + Select the context field by using this dropdown. + + ), backCloseModal: true, anyClick: true, @@ -205,6 +211,10 @@ export const TOPICS: ITutorialTopic[] = [ }> You can find your userId on the demo page. + + When you're done, use the "Next" button in the + dialog. + ), nextButton: true, @@ -212,20 +222,36 @@ export const TOPICS: ITutorialTopic[] = [ }, { target: 'button[data-testid="CONSTRAINT_VALUES_ADD_BUTTON"]', - content: Add the constraint value., + content: ( + + Add the constraint value by using this button. + + ), }, { target: 'button[data-testid="CONSTRAINT_SAVE_BUTTON"]', - content: Save the constraint., + content: ( + + Save the constraint by using this button. + + ), }, { target: 'button[data-testid="STRATEGY_FORM_SUBMIT_ID"]', - content: Save your strategy., + content: ( + + Save and apply your strategy by using this button. + + ), backCloseModal: true, }, { target: 'button[data-testid="DIALOGUE_CONFIRM_ID"]', - content: Confirm your changes., + content: ( + + Confirm your changes by using this button. + + ), optional: true, backCloseModal: true, }, @@ -235,8 +261,8 @@ export const TOPICS: ITutorialTopic[] = [ content: ( <> - Finally, toggle{' '} - demoApp.step2 + Finally, enable or disable the feature for your user + by toggling the highlighted switch. }> Look at the demo page to see your changes!