acbef8f1ef
The app router is causing too much grief to be worthwhile here. The pages for individual apps are fine to have in the pages router -- we're fine with straight-up SPA stuff -- so just stop using app router rather than figure out how to get Next.js to understand the data-fetching lifecycle.
57 lines
1.7 KiB
TypeScript
57 lines
1.7 KiB
TypeScript
import {
|
|
Breadcrumb,
|
|
BreadcrumbItem,
|
|
BreadcrumbLink,
|
|
BreadcrumbList,
|
|
BreadcrumbSeparator,
|
|
} from "@/components/ui/breadcrumb";
|
|
import LoginCard from "@/components/LoginCard";
|
|
import { DocsLink } from "@/components/DocsLink";
|
|
import Layout from "@/components/Layout";
|
|
import { useRouter } from "next/router";
|
|
import { useApp } from "@/lib/hooks";
|
|
|
|
export default function Page() {
|
|
const router = useRouter();
|
|
const app = useApp(router.query.id as string);
|
|
|
|
const samlRequest = router.query.SAMLRequest
|
|
? atob(router.query.SAMLRequest as string)
|
|
: "";
|
|
|
|
return (
|
|
<Layout>
|
|
<div className="px-8">
|
|
<div className="mx-auto max-w-7xl">
|
|
<Breadcrumb className="mt-8">
|
|
<BreadcrumbList>
|
|
<BreadcrumbItem>
|
|
<BreadcrumbLink href="/">Home</BreadcrumbLink>
|
|
</BreadcrumbItem>
|
|
<BreadcrumbSeparator />
|
|
<BreadcrumbItem>Apps</BreadcrumbItem>
|
|
<BreadcrumbSeparator />
|
|
<BreadcrumbItem>
|
|
<BreadcrumbLink href={`/apps/${app?.id}`}>
|
|
{app?.id}
|
|
</BreadcrumbLink>
|
|
</BreadcrumbItem>
|
|
<BreadcrumbSeparator />
|
|
<BreadcrumbItem>Simulate SAML Login</BreadcrumbItem>
|
|
</BreadcrumbList>
|
|
</Breadcrumb>
|
|
|
|
<h1 className="mt-2 text-3xl font-semibold">Simulate SAML login</h1>
|
|
<p className="mt-1 text-muted-foreground">
|
|
Simulate a SAML login as any user you've configured on this DummyIDP
|
|
app.
|
|
<DocsLink to="https://ssoready.com/docs/dummyidp#simulating-saml-logins" />
|
|
</p>
|
|
|
|
{app && <LoginCard app={app} samlRequest={samlRequest} />}
|
|
</div>
|
|
</div>
|
|
</Layout>
|
|
);
|
|
}
|