fix spacing table & navigation (#3086)

This commit is contained in:
ikhomyn 2022-08-10 07:42:19 +02:00 committed by GitHub
parent 108f4048bd
commit eddc097a56
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -7,6 +7,8 @@ import {
} from "react"; } from "react";
import { import {
AlertVariant, AlertVariant,
PageSection,
PageSectionVariants,
Button, Button,
ButtonVariant, ButtonVariant,
Divider, Divider,
@ -371,6 +373,7 @@ export const UserCredentials = ({ user }: UserCredentialsProps) => {
{t("credentialResetBtn")} {t("credentialResetBtn")}
</Button> </Button>
)} )}
<PageSection variant={PageSectionVariants.light}>
<TableComposable <TableComposable
aria-label="userCredentials-table" aria-label="userCredentials-table"
variant={"compact"} variant={"compact"}
@ -400,7 +403,9 @@ export const UserCredentials = ({ user }: UserCredentialsProps) => {
{groupedUserCredentials.map((groupedCredential, rowIndex) => ( {groupedUserCredentials.map((groupedCredential, rowIndex) => (
<Fragment key={groupedCredential.key}> <Fragment key={groupedCredential.key}>
<Tr <Tr
id={groupedCredential.value.map(({ id }) => id).toString()} id={groupedCredential.value
.map(({ id }) => id)
.toString()}
draggable={groupedUserCredentials.length > 1} draggable={groupedUserCredentials.length > 1}
onDrop={onDrop} onDrop={onDrop}
onDragEnd={onDragEnd} onDragEnd={onDragEnd}
@ -483,6 +488,7 @@ export const UserCredentials = ({ user }: UserCredentialsProps) => {
))} ))}
</Tbody> </Tbody>
</TableComposable> </TableComposable>
</PageSection>
</> </>
) : ( ) : (
<ListEmptyState <ListEmptyState