feat: add executable actions to order flow

app/(order)/order/new/page.tsx

@@ -2,7 +2,7 @@
 
 import { ArrowLeft, CheckCircle, CreditCard, ShieldCheck } from "lucide-react"
 import Link from "next/link"
-import { useSearchParams } from "next/navigation"
+import { useRouter, useSearchParams } from "next/navigation"
 import { useState } from "react"
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Button } from "@/components/ui/button"
@@ -11,10 +11,16 @@ import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import { Separator } from "@/components/ui/separator"
 import { Textarea } from "@/components/ui/textarea"
-import { mockPlayers, mockServices, walletBalance } from "@/lib/mock-data"
+import { mockOrders, mockPlayers, mockServices, walletBalance } from "@/lib/mock-data"
 import { useRequireAuth } from "@/lib/use-require-auth"
 
+function showFeedback(message: string) {
+  if (typeof window === "undefined") return
+  window.alert(message)
+}
+
 export default function NewOrderPage() {
+  const router = useRouter()
   const searchParams = useSearchParams()
   const { requireAuth } = useRequireAuth()
   const serviceId = searchParams.get("serviceId")
@@ -35,6 +41,8 @@ export default function NewOrderPage() {
   }
 
   const totalPrice = service.price * quantity
+  const redirectOrderId =
+    mockOrders.find((order) => order.service.id === service.id)?.id ?? mockOrders[0]?.id
 
   if (submitted) {
     return (
@@ -170,7 +178,20 @@ export default function NewOrderPage() {
           className="w-full"
           size="lg"
           disabled={walletBalance < totalPrice}
-          onClick={() => requireAuth(() => setSubmitted(true))}
+          onClick={() =>
+            requireAuth(async () => {
+              await new Promise((resolve) => setTimeout(resolve, 500))
+              setSubmitted(true)
+              showFeedback("下单成功")
+              if (redirectOrderId) {
+                setTimeout(() => {
+                  router.push(`/order/${redirectOrderId}`)
+                }, 800)
+                return
+              }
+              router.push("/orders")
+            })
+          }
         >
           确认支付 ¥{totalPrice}
         </Button>