make the part to update smaller (#214)

This makes switching between sections a bit nicer
This commit is contained in:
Erik Jan de Wit 2020-11-12 20:08:09 +01:00 committed by GitHub
parent 19e1b70a12
commit b06cea6fd9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -73,15 +73,17 @@ export const PageNav: React.FunctionComponent = () => {
); );
return ( return (
<DataLoader loader={realmLoader}>
{(realmList) => (
<PageSidebar <PageSidebar
nav={ nav={
<Nav onSelect={onSelect}> <Nav onSelect={onSelect}>
<NavList> <NavList>
<DataLoader loader={realmLoader}>
{(realmList) => (
<NavItem className="keycloak__page_nav__nav_item__realm-selector"> <NavItem className="keycloak__page_nav__nav_item__realm-selector">
<RealmSelector realmList={realmList.data || []} /> <RealmSelector realmList={realmList.data || []} />
</NavItem> </NavItem>
)}
</DataLoader>
</NavList> </NavList>
{showManage && ( {showManage && (
<NavGroup title={t("manage")}> <NavGroup title={t("manage")}>
@ -99,17 +101,12 @@ export const PageNav: React.FunctionComponent = () => {
<NavGroup title={t("configure")}> <NavGroup title={t("configure")}>
<LeftNav title="realmSettings" path="/realm-settings" /> <LeftNav title="realmSettings" path="/realm-settings" />
<LeftNav title="authentication" path="/authentication" /> <LeftNav title="authentication" path="/authentication" />
<LeftNav <LeftNav title="identityProviders" path="/identity-providers" />
title="identityProviders"
path="/identity-providers"
/>
<LeftNav title="userFederation" path="/user-federation" /> <LeftNav title="userFederation" path="/user-federation" />
</NavGroup> </NavGroup>
)} )}
</Nav> </Nav>
} }
/> />
)}
</DataLoader>
); );
}; };