🐛(UI) 新手指引按钮显示不全 #1396 (#1398)

* fix(UI): 新手指引按钮显示不全 #1396

* fix step order

* 修正 setGuideMode 未正确设定问题

* 注釋

---------

Co-authored-by: 王一之 <yz@ggnb.top>

Author: cyfung1031

src/pages/components/layout/SiderGuide.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useImperativeHandle, useState } from "react";
 import { useTranslation } from "react-i18next";
 import type { Step } from "react-joyride";
-import Joyride from "react-joyride";
+import Joyride, { STATUS } from "react-joyride";
 import type { Path } from "react-router-dom";
 import { useLocation, useNavigate } from "react-router-dom";
 import CustomTrans from "../CustomTrans";
@@ -28,6 +28,7 @@ const SiderGuide: React.ForwardRefRenderFunction<{ open: () => void }, object> =
       // 隐身模式不打开引导
       if (!chrome.extension.inIncognitoContext) {
         setRun(true);
+        setGuideMode(true);
       }
     }
   }, []);
@@ -48,11 +49,16 @@ const SiderGuide: React.ForwardRefRenderFunction<{ open: () => void }, object> =
       content: <CustomTrans i18nKey="guide_script_list_content" />,
       target: "#script-list",
       title: t("guide_script_list_title"),
-      placement: "auto",
+      placement: "center",
     },
   ];
 
   steps.push(
+    {
+      target: ".script-sort",
+      title: t("guide_script_list_sort_title"),
+      content: t("guide_script_list_sort_content"),
+    },
     {
       content: t("guide_script_list_enable_content"),
       target: ".script-enable",
@@ -63,11 +69,6 @@ const SiderGuide: React.ForwardRefRenderFunction<{ open: () => void }, object> =
       target: ".apply_to_run_status",
       title: t("guide_script_list_apply_to_run_status_title"),
     },
-    {
-      target: ".script-sort",
-      title: t("guide_script_list_sort_title"),
-      content: t("guide_script_list_sort_content"),
-    },
     {
       target: ".script-updatetime",
       title: t("guide_script_list_update_title"),
@@ -148,6 +149,10 @@ const SiderGuide: React.ForwardRefRenderFunction<{ open: () => void }, object> =
             hash: location.hash,
           });
         }
+        if (data.status === STATUS.FINISHED || data.status === STATUS.SKIPPED) {
+          setGuideMode(false);
+          // finish / skip: 停在当前画面
+        }
       }}
       locale={{
         nextLabelWithProgress: t("next_with_progress"),