libre.sh/keycloak-scim
3
0
Fork 0
Code Issues 15 Pull requests Releases 1 Packages Activity Actions

join title and expand section together (#20590)

Browse source 
* join title and expand section together

fixes: #20329

* but expandable inside <li>
This commit is contained in:
Erik Jan de Wit 2023-06-06 07:33:02 +02:00 committed by GitHub
parent d045156ba4
commit cbed5849f5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 32 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
js/apps/admin-ui/src/dashboard/ProviderInfo.tsx
View file

@ -12,7 +12,6 @@ import {
import { useServerInfo } from "../context/server-info/ServerInfoProvider"; import { useServerInfo } from "../context/server-info/ServerInfoProvider";
import { TableToolbar } from "../components/table-toolbar/TableToolbar"; import { TableToolbar } from "../components/table-toolbar/TableToolbar";
import { isDefined } from "ui-shared";
export const ProviderInfo = () => { export const ProviderInfo = () => {
const { t } = useTranslation("dashboard"); const { t } = useTranslation("dashboard");
@ -56,19 +55,19 @@ export const ProviderInfo = () => {
<Td>{name}</Td> <Td>{name}</Td>
<Td> <Td>
<ul> <ul>
{Object.entries(providers).map(([key]) => ( {Object.entries(providers).map(
<li key={key}>{key}</li> ([key, { operationalInfo }]) => (
))} <li key={key}>
</ul> {key}
{Object.entries(providers) {operationalInfo ? (
.map(([key, { operationalInfo }]) =>
operationalInfo ? (
<ExpandableSection <ExpandableSection
key={key} key={key}
isExpanded={open.includes(key)} isExpanded={open.includes(key)}
onToggle={() => toggleOpen(key)} onToggle={() => toggleOpen(key)}
toggleText={ toggleText={
open.includes(key) ? t("showLess") : t("showMore") open.includes(key)
? t("showLess")
: t("showMore")
} }
> >
<TableComposable borders={false}> <TableComposable borders={false}>
@ -84,9 +83,11 @@ export const ProviderInfo = () => {
</Tbody> </Tbody>
</TableComposable> </TableComposable>
</ExpandableSection> </ExpandableSection>
) : null ) : null}
</li>
) )
.filter(isDefined)} )}
</ul>
</Td> </Td>
</Tr> </Tr>
))} ))}