tildes-community/tildes-shepherd
tildes-community
/
tildes-shepherd
1
Fork 0
Code

Proofread Introduction and use numbers for the step names.

This commit is contained in:
Bauke 2023-06-17 14:12:15 +02:00
parent 0f21f29eb9
commit 2af1e2bc16
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
source/tours/introduction.tsx
View File

@ -2,7 +2,7 @@ import type Shepherd from "shepherd.js";
import {createIntroductionUnderstood} from "../storage/common.js"; import {createIntroductionUnderstood} from "../storage/common.js";
import {openOptionsPageFromBackground, renderInContainer} from "./utilities.js"; import {openOptionsPageFromBackground, renderInContainer} from "./utilities.js";
const stepOne = renderInContainer( const step01 = renderInContainer(
<> <>
<h1>Thank you for installing Tildes Shepherd!</h1> <h1>Thank you for installing Tildes Shepherd!</h1>
@ -28,12 +28,12 @@ const stepOne = renderInContainer(
</>, </>,
); );
const stepTwo = renderInContainer( const step02 = renderInContainer(
<> <>
<h1>Tour Mechanics</h1> <h1>Tour Mechanics</h1>
<p> <p>
During the tours, at various points we will want to highlight specific During the tours at various points we will want to highlight specific
areas. When that happens you won't be able to click anything inside them, areas. When that happens you won't be able to click anything inside them,
mainly to prevent you from accidentally going to a different page and mainly to prevent you from accidentally going to a different page and
interrupting the tour. But also to prevent you from taking actions you interrupting the tour. But also to prevent you from taking actions you
@ -49,7 +49,7 @@ const stepTwo = renderInContainer(
</>, </>,
); );
const stepThree = renderInContainer( const step03 = renderInContainer(
<> <>
<p> <p>
If you find any bugs, have feature requests or simply want to ask a If you find any bugs, have feature requests or simply want to ask a
@ -74,7 +74,7 @@ const stepThree = renderInContainer(
</p> </p>
<p> <p>
Once you click the "I understand" button below, this message won't pop up Once you click the "I understand" button below, this tour won't pop up
again, so remember the extension icon is how you get to the tours. again, so remember the extension icon is how you get to the tours.
</p> </p>
@ -84,8 +84,9 @@ const stepThree = renderInContainer(
export const introductionSteps: Shepherd.Step.StepOptions[] = [ export const introductionSteps: Shepherd.Step.StepOptions[] = [
{ {
id: "introduction-1", canClickTarget: false,
text: stepOne, id: "introduction-01",
text: step01,
}, },
{ {
attachTo: { attachTo: {
@ -93,8 +94,8 @@ export const introductionSteps: Shepherd.Step.StepOptions[] = [
on: "bottom", on: "bottom",
}, },
canClickTarget: false, canClickTarget: false,
id: "introduction-2", id: "introduction-02",
text: stepTwo, text: step02,
}, },
{ {
buttons: [ buttons: [
@ -116,7 +117,8 @@ export const introductionSteps: Shepherd.Step.StepOptions[] = [
}, },
}, },
], ],
id: "introduction-3", canClickTarget: false,
text: stepThree, id: "introduction-03",
text: step03,
}, },
]; ];