From 2af1e2bc16739162964f737930d98ef859616cae Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Sat, 17 Jun 2023 14:12:15 +0200
Subject: [PATCH] Proofread Introduction and use numbers for the step names.

---
 source/tours/introduction.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/source/tours/introduction.tsx b/source/tours/introduction.tsx
index dae6fa4..5ffacf1 100644
--- a/source/tours/introduction.tsx
+++ b/source/tours/introduction.tsx
@@ -2,7 +2,7 @@ import type Shepherd from "shepherd.js";
 import {createIntroductionUnderstood} from "../storage/common.js";
 import {openOptionsPageFromBackground, renderInContainer} from "./utilities.js";
 
-const stepOne = renderInContainer(
+const step01 = renderInContainer(
   <>
     <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>
 
     <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,
       mainly to prevent you from accidentally going to a different page and
       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>
       If you find any bugs, have feature requests or simply want to ask a
@@ -74,7 +74,7 @@ const stepThree = renderInContainer(
     </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.
     </p>
 
@@ -84,8 +84,9 @@ const stepThree = renderInContainer(
 
 export const introductionSteps: Shepherd.Step.StepOptions[] = [
   {
-    id: "introduction-1",
-    text: stepOne,
+    canClickTarget: false,
+    id: "introduction-01",
+    text: step01,
   },
   {
     attachTo: {
@@ -93,8 +94,8 @@ export const introductionSteps: Shepherd.Step.StepOptions[] = [
       on: "bottom",
     },
     canClickTarget: false,
-    id: "introduction-2",
-    text: stepTwo,
+    id: "introduction-02",
+    text: step02,
   },
   {
     buttons: [
@@ -116,7 +117,8 @@ export const introductionSteps: Shepherd.Step.StepOptions[] = [
         },
       },
     ],
-    id: "introduction-3",
-    text: stepThree,
+    canClickTarget: false,
+    id: "introduction-03",
+    text: step03,
   },
 ];