update: ScriptsPage.tsx

frontend/app/features/platform/ScriptsPage.tsx

@@ -5,7 +5,7 @@ import { CreateFolderModal } from "./CreateFolderModal";
 import { CreateScriptModal } from "./CreateScriptModal";
 import { DataResourceUploadModal } from "./DataResourceUploadModal";
 import Icon from "../../components/common/Icon";
-import { WelcomePanel } from "../../components/common/WelcomePanel";
+import { WelcomePanel } from "./WelcomePanel";
 import { PublishModal } from "./PublishModal";
 import { ScriptExplorer } from "./ScriptExplorer";
 import { TreeContextMenu } from "./TreeContextMenu";

frontend/app/features/platform/WelcomePanel.tsx

@@ -1,5 +1,6 @@
-import Icon from "./Icon";
+import { primaryButtonClass } from "./modalUi";
-import { primaryButtonClass } from "../../features/platform/modalUi";
+import {Plus, SquareChartGantt} from "lucide-react";
+import {Button} from "~/components/ui/button";
 
 type WelcomePanelProps = {
   onCreateScript: () => void;
@@ -9,7 +10,7 @@ export function WelcomePanel({ onCreateScript }: WelcomePanelProps) {
   return (
     <div className="welcome-panel-shell flex min-h-full flex-col items-center justify-center p-[35px] text-center">
       <div className="mb-[21px] grid size-[86px] place-items-center rounded-[25px] border border-[#cfe0f0] bg-gradient-to-br from-white to-[#eaf4fd] text-[#3d8cd9] shadow-[0_16px_35px_rgb(40_103_165/12%)]">
-        <Icon name="script" size={42} />
+        <SquareChartGantt size={42}/>
       </div>
       <span className="text-[10px] font-extrabold tracking-[0.12em] text-[#2e81ce]">
         构建脚本工作台
@@ -20,10 +21,10 @@ export function WelcomePanel({ onCreateScript }: WelcomePanelProps) {
       <p className="mb-[22px] w-full max-w-[430px] text-xs leading-[1.8] text-[#76879a]">
         通过 Notebook 完成数据探索，或使用 Python 脚本构建可调度的处理任务。
       </p>
-      <button className={primaryButtonClass} type="button" onClick={onCreateScript}>
+      <Button className={primaryButtonClass} type="button" onClick={onCreateScript}>
-        <Icon name="plus" size={17} />
+        <Plus size={17} />
         新建构建脚本
-      </button>
+      </Button>
     </div>
   );
 }