Skip to content
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.

Sign up for GitHub

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

Jump to bottom

Bug 1870633: update guided tour text #6389

Merged
merged 1 commit into from Aug 21, 2020
Merged

Bug 1870633: update guided tour text #6389

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
7 changes: 6 additions & 1 deletion frontend/packages/console-app/src/components/tour/TourCloseModal.tsx
View file
Open in desktop
Expand Up @@ -10,7 +10,12 @@ const TourCloseModal = () => {
heading="Are you sure you want to leave?"
showClose={false}
showStepBadge={false}
content="If you get stuck or need help, you can take this tour again by accessing it through the Help menu."
content={
<>
If you get stuck or need help, you can take this tour again by accessing it through the{' '}
<b>Help</b> menu.
</>
}
onNext={() => tourDispatch(TourActions.complete)}
onBack={() => tourDispatch(TourActions.resume)}
nextButtonText="Close"
Expand Down
18 changes: 7 additions & 11 deletions frontend/packages/dev-console/src/components/guided-tour/GuidedTourText.tsx
View file
Open in desktop
Expand Up @@ -11,9 +11,9 @@ const DevPerspectiveTourText: React.FC = () => {
const openshiftVersion = useOpenshiftVersion();
return (
<>
Welcome to OpenShift {openshiftVersion?.slice(0, 3) ?? '4.x'}. Get started with a tour of some
of the key areas in the Developer perspective that can help you complete your workflows and be
more productive.
Get started with a tour of some of the key areas in OpenShift{' '}
{`${openshiftVersion?.slice(0, 3)}'s` ?? "4.x's"} Developer perspective that can help you
complete workflows and be more productive.
</>
);
};
Expand All @@ -22,11 +22,9 @@ export const devPerspectiveTourText = <DevPerspectiveTourText />;

export const perspectiveSwitcherTourText = (
<>
<p>Switch between the Developer and Admin perspectives.</p>
<p>
The Perspective Switcher allows you to switch between the Developer and Admin perspectives.
</p>
<p>
Use the Admin perspective to manage workloads storage, networking, cluster settings, and more.
Use the Admin perspective to manage workload storage, networking, cluster settings, and more.
This may require additional user access.
</p>
<p>
Expand Down Expand Up @@ -62,15 +60,13 @@ const FinishTourText: React.FC = () => {
// declaring openshiftHelpBase instead of importing because it throws error while using it as tour extension
const openshiftHelpBase =
window.SERVER_FLAGS.documentationBaseURL || 'https://docs.okd.io/latest/';
const openshiftVersion: string = useOpenshiftVersion();
return (
<>
Thanks for using OpenShift {openshiftVersion?.slice(0, 3) ?? '4.x'}. Stay up-to-date with
everything OpenShift on our{' '}
Stay up-to-date with everything OpenShift on our{' '}
<a href={openshiftBlogLink} target="_blank" rel="noopener noreferrer">
blog
</a>{' '}
or can continue to learn more in our{' '}
or continue to learn more in our{' '}
<a href={openshiftHelpBase} target="_blank" rel="noopener noreferrer">
documentation
</a>
Expand Down
2 changes: 1 addition & 1 deletion frontend/packages/dev-console/src/components/guided-tour/index.ts
View file
Open in desktop
Expand Up @@ -42,7 +42,7 @@ export const getGuidedTour = (): TourDataType => ({
{
placement: 'bottom',
heading: 'Help',
content: `Help also provides the ability to re-start this tour, access our new Quick Starts.`,
content: `Restart this tour or access our new quick starts to learn basic OpenShift functions.`,
selector: getSelector('tour-help-button'),
},
],
Expand Down