chore(favicon): 使用预发布环境的图标

src/app/subscription/return/__tests__/page.test.tsx

@@ -1,14 +0,0 @@
-import { renderToStaticMarkup } from "react-dom/server";
-import { describe, expect, it, vi } from "vitest";
-
-vi.mock("next/navigation", () => ({
-  useRouter: () => ({ replace: vi.fn() }),
-}));
-
-import SubscriptionReturnPage from "../page";
-
-describe("SubscriptionReturnPage", () => {
-  it("renders outside CharacterProvider", () => {
-    expect(() => renderToStaticMarkup(<SubscriptionReturnPage />)).not.toThrow();
-  });
-});

src/app/subscription/return/page.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import { useEffect, useState } from "react";
-import { useRouter } from "next/navigation";
 
 import { MobileShell } from "@/app/_components/core";
 import {
@@ -9,11 +8,12 @@ import {
   getPendingPaymentOrder,
 } from "@/lib/payment/pending_payment_order";
 import { ROUTES } from "@/router/routes";
+import { useAppNavigator } from "@/router/use-app-navigator";
 
 type ReturnStatus = "loading" | "missing";
 
 export default function SubscriptionReturnPage() {
-  const router = useRouter();
+  const navigator = useAppNavigator();
   const [status, setStatus] = useState<ReturnStatus>("loading");
 
   useEffect(() => {
@@ -24,7 +24,7 @@ export default function SubscriptionReturnPage() {
       if (cancelled) return;
 
       if (result.success && result.data !== null) {
-        router.replace(buildPendingPaymentSubscriptionUrl(result.data));
+        navigator.replace(buildPendingPaymentSubscriptionUrl(result.data));
         return;
       }
 
@@ -35,7 +35,7 @@ export default function SubscriptionReturnPage() {
     return () => {
       cancelled = true;
     };
-  }, [router]);
+  }, [navigator]);
 
   return (
     <MobileShell>
@@ -62,7 +62,7 @@ export default function SubscriptionReturnPage() {
         {status === "missing" ? (
           <button
             type="button"
-            onClick={() => router.replace(ROUTES.subscription)}
+            onClick={() => navigator.replace(ROUTES.subscription)}
             style={{
               marginTop: "0.5rem",
               padding: "0.75rem 1.5rem",

src/app/subscription/use-subscription-payment-flow.ts

@@ -1,16 +1,12 @@
 "use client";
 
 import { useEffect, useRef, useState } from "react";
-import { useRouter } from "next/navigation";
 
 import { usePaymentRouteFlow } from "@/app/_hooks/use-payment-route-flow";
+import { useAppNavigator } from "@/router/use-app-navigator";
 import type { PayChannel } from "@/data/schemas/payment";
 import { DEFAULT_CHARACTER_SLUG } from "@/data/constants/character";
-import {
+import type { SubscriptionReturnTo } from "@/lib/navigation/subscription_exit";
-  consumeSubscriptionExitUrl,
-  resolveSubscriptionSuccessExitUrl,
-  type SubscriptionReturnTo,
-} from "@/lib/navigation/subscription_exit";
 
 import type { SubscriptionType } from "./subscription-screen.helpers";
 
@@ -29,7 +25,7 @@ export function useSubscriptionPaymentFlow({
   initialPayChannel,
   characterSlug = DEFAULT_CHARACTER_SLUG,
 }: UseSubscriptionPaymentFlowInput) {
-  const router = useRouter();
+  const navigator = useAppNavigator();
   const { payment, paymentDispatch } = usePaymentRouteFlow({
     initialPayChannel,
     paymentType: subscriptionType,
@@ -48,21 +44,13 @@ export function useSubscriptionPaymentFlow({
   }, [payment.currentOrderId, payment.isPaid]);
 
   const handleBackClick = () => {
-    void (async () => {
+    navigator.exitSubscription(returnTo, characterSlug);
-      router.replace(
-        await consumeSubscriptionExitUrl(returnTo, characterSlug),
-      );
-    })();
   };
 
   const handlePaymentSuccessClose = () => {
     setShowPaymentSuccessDialog(false);
     paymentDispatch({ type: "PaymentReset" });
-    void (async () => {
+    navigator.exitSubscriptionAfterSuccess(returnTo, characterSlug);
-      router.replace(
-        await resolveSubscriptionSuccessExitUrl(returnTo, characterSlug),
-      );
-    })();
   };
 
   return {