49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
import { GetServerSideProps } from "next";
|
|
import { IdPMetadata } from "../types";
|
|
import config from "../lib/env";
|
|
import { createCertificate } from "../utils";
|
|
import React from "react";
|
|
import Link from "next/link";
|
|
import Layout from "components/Layout";
|
|
import Head from "next/head";
|
|
|
|
export const getServerSideProps: GetServerSideProps = async () => {
|
|
const metadata: IdPMetadata = {
|
|
ssoUrl: config.ssoUrl,
|
|
entityId: config.entityId,
|
|
certificate: await createCertificate(),
|
|
};
|
|
|
|
return {
|
|
props: {
|
|
metadata,
|
|
},
|
|
};
|
|
};
|
|
|
|
const Home: React.FC<{ metadata: IdPMetadata }> = ({ metadata }) => {
|
|
return (
|
|
<div className="h-full">
|
|
<Head>
|
|
<title>Mock SAML IdP - Metadata</title>
|
|
</Head>
|
|
<div className="w-3/5 mx-auto relative top-10 bg-blue-50 p-5 rounded-xl grid gap-6 grid-cols-3 shadow-lg shadow-blueGray-50 text-[#145698]">
|
|
<p className="font-bold">SSO URL</p>
|
|
<p className="col-span-2">{metadata.ssoUrl}</p>
|
|
<p className="font-bold">Entity ID</p>
|
|
<p className="col-span-2">{metadata.entityId}</p>
|
|
<p className="font-bold">Certificate</p>
|
|
<p className="min-w-0 overflow-auto text-sm col-span-2">
|
|
{metadata.certificate}
|
|
</p>
|
|
<br></br>
|
|
<p>
|
|
<Link href="/api/saml/metadata/download">Download Metadata</Link>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Home;
|