Merge pull request #181 from rupato-deriv/Rupato/BOT-2595/Fix--mobile…

…-bot-builder-tour Rupato/BOT-2595/fix: mobile bot builder tour
deriv-com · Dec 11, 2024 · ce22bfa · ce22bfa
2 parents c1c01e8 + b1c8f12
commit ce22bfa
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/pages/main/main.scss b/src/pages/main/main.scss
@@ -709,6 +709,8 @@
     height: 2.5rem !important;
     width: 2.5rem !important;
     padding: 0.2rem 0;
+
+    @include flex-center;
 }
 
 .beta-server-bot {

diff --git a/src/pages/tutorials/dbot-tours/bot-builder-tour/bot-builder-tour-mobile.tsx b/src/pages/tutorials/dbot-tours/bot-builder-tour/bot-builder-tour-mobile.tsx
@@ -30,12 +30,11 @@ const BotBuilderTourMobile = observer(() => {
     const test_id = tour_step === 3 ? 'finish-bot-builder-tour' : 'next-bot-builder-tour';
 
     React.useEffect(() => {
-        if (active_tour === '') return;
         setTourActiveStep(tour_step);
         //component does not rerender so calling this to highlight
         !show_mobile_tour_dialog && highlightLoadModalButton(active_tour, tour_step);
         if (tour_step === 2) toggleTourLoadModal(true);
-        else toggleTourLoadModal(false);
+        else if (active_tour !== '') toggleTourLoadModal(false);
         const token = getSetting('bot_builder_token');
         if (!token && active_tab === 1) {
             if (is_open) {

diff --git a/src/pages/tutorials/dbot-tours/utils.ts b/src/pages/tutorials/dbot-tours/utils.ts
@@ -27,7 +27,7 @@ export const setTourType = (param: string) => {
 };
 
 export const highlightLoadModalButton = (tour_active: string, step: number) => {
-    const el_ref = document.querySelector('.toolbar__group-btn svg:nth-child(2)');
+    const el_ref = document.querySelector('#db-toolbar__import-button');
     if (tour_active && step === 1) {
         el_ref?.classList.add('dbot-tour-blink');
     } else {