-
Notifications
You must be signed in to change notification settings - Fork 8.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Guided onboarding] Search guide copy #144234
[Guided onboarding] Search guide copy #144234
Conversation
@@ -216,7 +216,8 @@ export const Main = (props: MainProps) => { | |||
)} | |||
{(guideState?.isActive === true || | |||
guideState?.status === 'in_progress' || | |||
guideState?.status === 'ready_to_complete') && ( | |||
guideState?.status === 'ready_to_complete' || | |||
guideState?.status === 'not_started') && ( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
not_started
status was missing from the examples page
@@ -21,50 +21,50 @@ import { registerTestBed, TestBed } from '@kbn/test-jest-helpers'; | |||
|
|||
const applicationMock = applicationServiceMock.createStartContract(); | |||
|
|||
const mockActiveSearchGuideState: GuideState = { | |||
guideId: 'search', | |||
const mockActiveTestGuideState: GuideState = { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
updated the jest test to use the test guide instead of search
})} | ||
</ul> | ||
)} | ||
{stepConfig.description && <p>{stepConfig.description}</p>} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There is a space between the paragraph and the list so I might need to wait until Cindy's PR is in and use the css to remove the margin.
Pinging @elastic/platform-onboarding (Team:Journey/Onboarding) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for working on this! Did not test locally. Code looks good overall. I did leave a comment around naming, and also just wanted to confirm the behavior when description
is provided as well as descriptionList
with only 1 item. If you could take a look before merging that would be great.
@@ -54,7 +54,8 @@ export interface GuidedOnboardingApi { | |||
export interface StepConfig { | |||
id: GuideStepIds; | |||
title: string; | |||
descriptionList: string[]; | |||
description?: string; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can we add some code comments here to explain the difference between description
and descriptionList
? I could see how it could be confusing when to use which, especially since descriptionList
renders as a paragraph if only one item is provided (thinking the future, when more teams are registering guides 😄).
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Added some comments to the types and updated the step to always render descriptionList
as ul
. With introduction of description
it doesn't make much sense to account for the list with only 1 item, I think.
})} | ||
</ul> | ||
)} | ||
{stepConfig.description && <p>{stepConfig.description}</p>} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
If a guide config contains the description
field and descriptionList
with only 1 item in the array, does it still render as expected (i.e., two
tags)?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I do want Casey's ok on the changes to those final bullet points, but overall just some small tweaks and missing punctuation.
src/plugins/guided_onboarding/public/constants/guides_config/search.ts
Outdated
Show resolved
Hide resolved
src/plugins/guided_onboarding/public/constants/guides_config/search.ts
Outdated
Show resolved
Hide resolved
src/plugins/guided_onboarding/public/constants/guides_config/search.ts
Outdated
Show resolved
Hide resolved
src/plugins/guided_onboarding/public/constants/guides_config/search.ts
Outdated
Show resolved
Hide resolved
src/plugins/guided_onboarding/public/constants/guides_config/search.ts
Outdated
Show resolved
Hide resolved
src/plugins/guided_onboarding/public/constants/guides_config/search.ts
Outdated
Show resolved
Hide resolved
defaultMessage: 'Build a search experience', | ||
}), | ||
description: i18n.translate('guidedOnboarding.searchGuide.searchExperienceStep.description', { | ||
defaultMessage: 'Take a tour of Elastic’s relevance refinement tools, including:', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@zumwalt can you please review my suggestions here? I just realized we're mentioning relevance on every line.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good catch! I suggested the correct copy for this step.
…earch.ts Co-authored-by: Kelly Murphy <[email protected]>
…earch.ts Co-authored-by: Kelly Murphy <[email protected]>
…earch.ts Co-authored-by: Kelly Murphy <[email protected]>
…earch.ts Co-authored-by: Kelly Murphy <[email protected]>
…earch.ts Co-authored-by: Kelly Murphy <[email protected]>
…earch.ts Co-authored-by: Kelly Murphy <[email protected]>
Thank you for the review, @alisonelizabeth! Good catch with |
Thanks a lot for you review and suggestions, @kellyemurphy! I'll commit your text changes and update the screenshots in the PR description. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@yuliacech I suggested changes to the "Build a Search Experience" step
defaultMessage: 'Build a search experience', | ||
}), | ||
description: i18n.translate('guidedOnboarding.searchGuide.searchExperienceStep.description', { | ||
defaultMessage: 'Take a tour of Elastic’s relevance refinement tools, including:', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
We can remove this in favor of a simple description list
src/plugins/guided_onboarding/public/constants/guides_config/search.ts
Outdated
Show resolved
Hide resolved
src/plugins/guided_onboarding/public/constants/guides_config/search.ts
Outdated
Show resolved
Hide resolved
src/plugins/guided_onboarding/public/constants/guides_config/search.ts
Outdated
Show resolved
Hide resolved
…earch.ts Co-authored-by: Casey Zumwalt <[email protected]>
…earch.ts Co-authored-by: Casey Zumwalt <[email protected]>
…earch.ts Co-authored-by: Casey Zumwalt <[email protected]>
💚 Build Succeeded
Metrics [docs]Page load bundle
Unknown metric groupsESLint disabled in files
ESLint disabled line counts
Total ESLint disabled count
History
To update your PR or re-run it, just comment with: |
Summary
Partially addresses #139741
This PR updates the config for the Search guide:
Screenshot