pjandro/OmniRoute
1
0
Fork 0
mirror of https://github.com/diegosouzapw/OmniRoute.git synced 2026-07-31 04:12:10 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat(agent-bridge): show "page moved" banner before redirect from /system/mitm-proxy (C4)

Browse Source 
Converts bare server-side redirect() to a client component that shows
an amber "This page has moved" banner for 2.5 s, then auto-redirects to
/dashboard/tools/agent-bridge. User can also click "Go now" to jump
immediately. All strings use useTranslations("agentBridge.pageMoved").
This commit is contained in:
diegosouzapw
2026-05-28 17:29:57 -03:00
parent a5e3875fe0
commit 68e2f2a2cd
1 changed files with 36 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/app/(dashboard)/dashboard/system/mitm-proxy/page.tsx
View File

@@ -1,9 +1,40 @@
import { redirect } from "next/navigation";
"use client";
import { useEffect } from "react";
import { useRouter } from "next/navigation";
import { useTranslations } from "next-intl";
/**
* MITM Proxy page — moved to AgentBridge (plan 11).
* Redirects to the new location at /dashboard/tools/agent-bridge.
* MITM Proxy page — moved to AgentBridge (plan 11 §12).
* Shows a "page moved" banner for 2.5 s then redirects.
*/
export default function MitmProxyPage() {
redirect("/dashboard/tools/agent-bridge");
export default function MitmProxyMovedPage() {
const router = useRouter();
const t = useTranslations("agentBridge.pageMoved");
useEffect(() => {
const timer = setTimeout(() => {
router.replace("/dashboard/tools/agent-bridge");
}, 2500);
return () => clearTimeout(timer);
}, [router]);
return (
<div className="flex min-h-screen items-center justify-center bg-background p-8">
<div className="rounded-xl border border-amber-500/40 bg-amber-900/20 p-8 text-center max-w-md w-full space-y-4">
<div className="flex items-center justify-center gap-2">
<span className="material-symbols-outlined text-amber-400 text-[28px]">info</span>
<h1 className="text-lg font-semibold text-amber-200">{t("title")}</h1>
</div>
<p className="text-sm text-amber-300/80">{t("message")}</p>
<button
type="button"
onClick={() => router.replace("/dashboard/tools/agent-bridge")}
className="inline-flex items-center gap-1.5 rounded-lg bg-amber-500/20 text-amber-200 px-4 py-2 text-sm font-medium hover:bg-amber-500/30 transition-colors"
>
{t("goNow")}
</button>
</div>
</div>
);
}