website: fix hosted API browser (#7946)
Signed-off-by: Jens Langhammer <jens@goauthentik.io>
This commit is contained in:
@ -1,38 +1,9 @@
|
||||
---
|
||||
hide_table_of_contents: true
|
||||
---
|
||||
|
||||
# API Browser
|
||||
|
||||
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
|
||||
import useBaseUrl from "@docusaurus/useBaseUrl";
|
||||
import BrowserOnly from "@docusaurus/core/lib/client/exports/BrowserOnly";
|
||||
import { useColorMode } from "@docusaurus/theme-common";
|
||||
|
||||
export function APIBrowser() {
|
||||
const context = useDocusaurusContext();
|
||||
const { siteConfig = {} } = context;
|
||||
const { colorMode, setColorMode } = useColorMode();
|
||||
let bg = "#1b1b1d";
|
||||
if (colorMode === "light") {
|
||||
bg = "#fff";
|
||||
}
|
||||
return (
|
||||
<BrowserOnly>
|
||||
{() => {
|
||||
import("rapidoc");
|
||||
return (
|
||||
<rapi-doc
|
||||
spec-url={useBaseUrl("schema.yaml")}
|
||||
allow-try="false"
|
||||
show-header="false"
|
||||
theme={colorMode}
|
||||
bg-color={bg}
|
||||
render-style="view"
|
||||
primary-color="#fd4b2d"
|
||||
allow-spec-url-load="false"
|
||||
allow-spec-file-load="false"
|
||||
></rapi-doc>
|
||||
);
|
||||
}}
|
||||
</BrowserOnly>
|
||||
);
|
||||
}
|
||||
import APIBrowser from "../../src/components/APIBrowser";
|
||||
|
||||
<APIBrowser />
|
||||
|
Reference in New Issue
Block a user