Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-04 00:18:01 +01:00
Code Issues Projects Releases Wiki Activity

fix: improve steps for demo guide specific user topic (#3727)

Browse Source 
https://linear.app/unleash/issue/2-980/steps-improvements-enable-for-a-specific-user

Step improvements for the "specific user" topic.

Relates to [roadmap](https://github.com/orgs/Unleash/projects/10) item:
#3537
This commit is contained in:
Nuno Góis 2023-05-09 20:30:18 +01:00 committed by GitHub
parent de6c4663e6
commit 64bae9a042
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 46 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
frontend/src/component/demo/demo-topics.tsx
View File

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