introduce tutorialList and tutorialShortList

decred · Dec 23, 2023 · a27a51e · a27a51e
1 parent fb17680
commit a27a51e
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 25 deletions.
diff --git a/app/components/views/GetStartedPage/LoadingPage/LoadingPage.jsx b/app/components/views/GetStartedPage/LoadingPage/LoadingPage.jsx
@@ -1,6 +1,7 @@
 import {
   TutorialOverview,
-  tutorials
+  tutorials,
+  tutorialList
 } from "../../SettingsPage/TutorialsTab/helpers";
 import { Subtitle } from "shared";
 import { FormattedMessage as T } from "react-intl";
@@ -18,16 +19,7 @@ const LoadingPage = ({ onShowOnboardingTutorial }) => {
           />
         }
       />
-      {[
-        "decredIntro",
-        "ln",
-        "consensusCode",
-        "powPos",
-        "tickets",
-        "staking",
-        "lifecycle",
-        "consensusVoting"
-      ].map((name) => (
+      {tutorialList.map((name) => (
         <TutorialOverview
           {...{
             key: name,

diff --git a/app/components/views/GetStartedPage/WalletSelection/Form/Form.jsx b/app/components/views/GetStartedPage/WalletSelection/Form/Form.jsx
@@ -14,7 +14,8 @@ import { FormContainer, ContentContainer /* , Row */ } from "../../helpers";
 import styles from "./Form.module.css";
 import {
   TutorialOverview,
-  tutorials
+  tutorials,
+  tutorialShortList
 } from "../../../SettingsPage/TutorialsTab/helpers";
 import {
   LoaderTitleMsg,
@@ -302,7 +303,7 @@ const WalletSelectionForm = ({
           />
         }
       />
-      {["decredIntro", "powPos", "lifecycle", "blocks"].map((name) => (
+      {tutorialShortList.map((name) => (
         <TutorialOverview
           {...{
             key: name,

diff --git a/app/components/views/SettingsPage/TutorialsTab/TutorialsTab.jsx b/app/components/views/SettingsPage/TutorialsTab/TutorialsTab.jsx
@@ -1,6 +1,11 @@
 import { FormattedMessage as T } from "react-intl";
 import { Subtitle } from "shared";
-import { TutorialOverview, TutorialPage, tutorials } from "./helpers";
+import {
+  TutorialOverview,
+  TutorialPage,
+  tutorials,
+  tutorialList
+} from "./helpers";
 import { useTutorialsTab } from "./hooks";
 import styles from "./TutorialsTab.module.css";
 
@@ -40,16 +45,7 @@ const TutorialsTab = () => {
       <Subtitle
         title={<T id="tutorials.learnAboutDecred" m="Learn about decred" />}
       />
-      {[
-        "decredIntro",
-        "ln",
-        "consensusCode",
-        "powPos",
-        "tickets",
-        "staking",
-        "lifecycle",
-        "consensusVoting"
-      ].map((name) => (
+      {tutorialList.map((name) => (
         <TutorialOverview
           {...{
             key: name,

diff --git a/app/components/views/SettingsPage/TutorialsTab/helpers/index.js b/app/components/views/SettingsPage/TutorialsTab/helpers/index.js
@@ -2,4 +2,8 @@ export { default as TutorialCard } from "./TutorialCard";
 export { default as TutorialOverview } from "./TutorialOverview";
 export { default as TutorialPage } from "./TutorialPage";
 export { default as PagedTutorial } from "./PagedTutorial";
-export { default as tutorials } from "./tutorials";
+export {
+  default as tutorials,
+  tutorialList,
+  tutorialShortList
+} from "./tutorials";
diff --git a/app/components/views/SettingsPage/TutorialsTab/helpers/tutorials.js b/app/components/views/SettingsPage/TutorialsTab/helpers/tutorials.js
@@ -395,4 +395,23 @@ tutorials.identity = {
     }
   ]
 };
+
+export const tutorialList = [
+  "decredIntro",
+  "ln",
+  "consensusCode",
+  "powPos",
+  "tickets",
+  "staking",
+  "lifecycle",
+  "consensusVoting"
+];
+
+export const tutorialShortList = [
+  "decredIntro",
+  "powPos",
+  "lifecycle",
+  "consensusCode"
+];
+
 export default tutorials;