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!