added give up and reset buttons in guide

hexlet-codebattle · Apr 27, 2021 · 1b6caa7 · 1b6caa7
1 parent f23d13a
commit 1b6caa7
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/services/app/assets/js/widgets/components/GameActionButtons.jsx b/services/app/assets/js/widgets/components/GameActionButtons.jsx
@@ -70,6 +70,7 @@ const GiveUpButton = ({ onClick, status }) => {
         <button
           type="button"
           className="btn btn-outline-danger btn-sm mr-2"
+          data-guide-id="GiveUpButton"
           onClick={onClick}
           data-toggle="tooltip"
           data-placement="top"
@@ -83,6 +84,7 @@ const GiveUpButton = ({ onClick, status }) => {
         <button
           type="button"
           className="btn btn-outline-danger btn-sm mr-2"
+          data-guide-id="GiveUpButton"
           data-toggle="tooltip"
           data-placement="top"
           title="Give Up"
@@ -107,6 +109,7 @@ const ResetButton = ({ onClick, status }) => {
         <button
           type="button"
           className="btn btn-outline-secondary btn-sm mr-2"
+          data-guide-id="ResetButton"
           onClick={onClick}
           data-toggle="tooltip"
           data-placement="top"
@@ -120,6 +123,7 @@ const ResetButton = ({ onClick, status }) => {
         <button
           type="button"
           className="btn btn-outline-secondary btn-sm mr-2"
+          data-guide-id="ResetButton"
           data-toggle="tooltip"
           data-placement="top"
           title="Reset editor"

diff --git a/services/app/assets/js/widgets/containers/RootContainer.jsx b/services/app/assets/js/widgets/containers/RootContainer.jsx
@@ -76,6 +76,38 @@ const steps = [
       skip: 'Skip guide',
     },
   },
+  {
+    spotlightClicks: true,
+    disableOverlayClose: true,
+    styles: {
+      options: {
+        zIndex: 10000,
+      },
+    },
+    target: '[data-guide-id="LeftEditor"] [data-guide-id="GiveUpButton"]',
+    title: 'Give up button',
+    content:
+      'Click the button to give up',
+    locale: {
+      skip: 'Skip guide',
+    },
+  },
+  {
+    spotlightClicks: true,
+    disableOverlayClose: true,
+    styles: {
+      options: {
+        zIndex: 10000,
+      },
+    },
+    target: '[data-guide-id="LeftEditor"] [data-guide-id="ResetButton"]',
+    title: 'Reset button',
+    content:
+      'Click the button to reset',
+    locale: {
+      skip: 'Skip guide',
+    },
+  },
   {
     spotlightClicks: true,
     disableOverlayClose: true,