新增提示Toast组件

app/routes/rules._index.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { type MetaFunction, type LoaderFunctionArgs, redirect } from "@remix-run/node";
-import { useLoaderData, useSearchParams, useSubmit, Link } from "@remix-run/react";
+import { useLoaderData, useSearchParams, useSubmit, Link, useNavigate } from "@remix-run/react";
 import { Button } from '~/components/ui/Button';
 import { Card } from '~/components/ui/Card';
 import { Tag } from '~/components/ui/Tag';
@@ -234,6 +234,7 @@ export default function RulesIndex() {
   const ruleTypes = loaderData.ruleTypes || []; // 添加默认空数组避免undefined
   const [searchParams, setSearchParams] = useSearchParams();
   const submit = useSubmit();
+  const navigate = useNavigate();
   
   // 状态管理
   const [showDeleteConfirm, setShowDeleteConfirm] = useState(false);
@@ -345,11 +346,12 @@ export default function RulesIndex() {
   };
 
   const handleCopy = (rule: Rule) => {
-    const formData = new FormData();
-    formData.append('_action', 'duplicate');
-    formData.append('ruleId', rule.id);
+    // const formData = new FormData();
+    // formData.append('_action', 'duplicate');
+    // formData.append('ruleId', rule.id);
     
-    submit(formData, { method: 'post' });
+    // submit(formData, { method: 'post' });
+    navigate(`/rules-new?id=${rule.id}&mode=copy`);
   };
 
   const handlePageChange = (page: number) => {