Load server info before rendering rest of application (#27783)

Signed-off-by: Jon Koops <jonkoops@gmail.com>
This commit is contained in:
Jon Koops 2024-03-13 13:39:54 +01:00 committed by GitHub
parent f168b8cce9
commit 7b755e02d3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -3,6 +3,7 @@ import { PropsWithChildren, useState } from "react";
import { createNamedContext, useRequiredContext } from "ui-shared"; import { createNamedContext, useRequiredContext } from "ui-shared";
import { adminClient } from "../../admin-client"; import { adminClient } from "../../admin-client";
import { KeycloakSpinner } from "../../components/keycloak-spinner/KeycloakSpinner";
import { sortProviders } from "../../util"; import { sortProviders } from "../../util";
import { useFetch } from "../../utils/useFetch"; import { useFetch } from "../../utils/useFetch";
@ -16,10 +17,14 @@ export const useLoginProviders = () =>
sortProviders(useServerInfo().providers!["login-protocol"].providers); sortProviders(useServerInfo().providers!["login-protocol"].providers);
export const ServerInfoProvider = ({ children }: PropsWithChildren) => { export const ServerInfoProvider = ({ children }: PropsWithChildren) => {
const [serverInfo, setServerInfo] = useState<ServerInfoRepresentation>({}); const [serverInfo, setServerInfo] = useState<ServerInfoRepresentation>();
useFetch(adminClient.serverInfo.find, setServerInfo, []); useFetch(adminClient.serverInfo.find, setServerInfo, []);
if (!serverInfo) {
return <KeycloakSpinner />;
}
return ( return (
<ServerInfoContext.Provider value={serverInfo}> <ServerInfoContext.Provider value={serverInfo}>
{children} {children}