Delete KeysTab.tsx
This commit is contained in:
Jenny
GitHub
parent
81a7aeca89
commit
a85fe2626a
1 changed files with 0 additions and 260 deletions
|
|
@ -1,260 +0,0 @@
|
|||
import React, { useState } from "react";
|
||||
import { useHistory, useRouteMatch } from "react-router-dom";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { Button, ButtonVariant, PageSection } from "@patternfly/react-core";
|
||||
import type { KeyMetadataRepresentation } from "keycloak-admin/lib/defs/keyMetadataRepresentation";
|
||||
import { ListEmptyState } from "../components/list-empty-state/ListEmptyState";
|
||||
import { KeycloakDataTable } from "../components/table-toolbar/KeycloakDataTable";
|
||||
import { useConfirmDialog } from "../components/confirm-dialog/ConfirmDialog";
|
||||
import { emptyFormatter } from "../util";
|
||||
import type ComponentRepresentation from "keycloak-admin/lib/defs/componentRepresentation";
|
||||
|
||||
import "./RealmSettingsSection.css";
|
||||
import { cellWidth } from "@patternfly/react-table";
|
||||
|
||||
type KeyData = KeyMetadataRepresentation & {
|
||||
provider?: string;
|
||||
};
|
||||
|
||||
type KeysTabInnerProps = {
|
||||
keys: KeyData[];
|
||||
};
|
||||
|
||||
export const KeysTabInner = ({ keys }: KeysTabInnerProps) => {
|
||||
const { t } = useTranslation("roles");
|
||||
const history = useHistory();
|
||||
const { url } = useRouteMatch();
|
||||
const [key, setKey] = useState(0);
|
||||
const refresh = () => setKey(new Date().getTime());
|
||||
|
||||
const [publicKey, setPublicKey] = useState("");
|
||||
const [certificate, setCertificate] = useState("");
|
||||
|
||||
const loader = async () => {
|
||||
<<<<<<< HEAD
|
||||
<<<<<<< HEAD
|
||||
return keys;
|
||||
};
|
||||
|
||||
React.useEffect(() => {
|
||||
refresh();
|
||||
}, [keys]);
|
||||
|
||||
const [togglePublicKeyDialog, PublicKeyDialog] = useConfirmDialog({
|
||||
titleKey: t("realm-settings:publicKeys").slice(0, -1),
|
||||
messageKey: publicKey,
|
||||
continueButtonLabel: "common:close",
|
||||
continueButtonVariant: ButtonVariant.primary,
|
||||
noCancelButton: true,
|
||||
onConfirm: async () => {},
|
||||
});
|
||||
|
||||
const [toggleCertificateDialog, CertificateDialog] = useConfirmDialog({
|
||||
titleKey: t("realm-settings:certificate"),
|
||||
messageKey: certificate,
|
||||
continueButtonLabel: "common:close",
|
||||
continueButtonVariant: ButtonVariant.primary,
|
||||
noCancelButton: true,
|
||||
onConfirm: async () => {},
|
||||
});
|
||||
=======
|
||||
|
||||
const keysMetaData = allKeys;
|
||||
|
||||
console.log("keyz", allKeys);
|
||||
|
||||
return keysMetaData.map((key) => {
|
||||
key.provider = realmComponents.find(
|
||||
(component) => component.id === key.providerId
|
||||
)?.name!;
|
||||
});
|
||||
};
|
||||
|
||||
// let f =
|
||||
// keys.map((key) => {
|
||||
// key.provider = realmComponents.find(
|
||||
// (component) => component.id === key.providerId
|
||||
// )?.name!;
|
||||
// });
|
||||
|
||||
// console.log(typeof f)
|
||||
|
||||
// keys.forEach((item) => {
|
||||
// if (item.name === "ecdsa-generated" )
|
||||
// console.log(item.config!.ecdsaEllipticCurveKey[0].slice(-3))
|
||||
// }
|
||||
// )
|
||||
// keys.config!.ecdsaEllipticCurveKey.slice(-2)
|
||||
|
||||
const toggleModal = () => setOpen(!open);
|
||||
>>>>>>> keys
|
||||
=======
|
||||
return keys;
|
||||
};
|
||||
|
||||
React.useEffect(() => {
|
||||
refresh();
|
||||
}, [keys]);
|
||||
|
||||
const [togglePublicKeyDialog, PublicKeyDialog] = useConfirmDialog({
|
||||
titleKey: t("realm-settings:publicKeys").slice(0, -1),
|
||||
messageKey: publicKey,
|
||||
continueButtonLabel: "common:close",
|
||||
continueButtonVariant: ButtonVariant.primary,
|
||||
noCancelButton: true,
|
||||
onConfirm: async () => {},
|
||||
});
|
||||
|
||||
const [toggleCertificateDialog, CertificateDialog] = useConfirmDialog({
|
||||
titleKey: t("realm-settings:certificate"),
|
||||
messageKey: certificate,
|
||||
continueButtonLabel: "common:close",
|
||||
continueButtonVariant: ButtonVariant.primary,
|
||||
noCancelButton: true,
|
||||
onConfirm: async () => {},
|
||||
});
|
||||
>>>>>>> adds keys table to realm settings
|
||||
|
||||
const goToCreate = () => history.push(`${url}/add-role`);
|
||||
|
||||
const ProviderRenderer = ({ provider }: KeyData) => {
|
||||
return <>{provider}</>;
|
||||
};
|
||||
|
||||
<<<<<<< HEAD
|
||||
<<<<<<< HEAD
|
||||
const ButtonRenderer = ({ provider, publicKey, certificate }: KeyData) => {
|
||||
if (provider === "ecdsa-generated") {
|
||||
=======
|
||||
};
|
||||
|
||||
const ButtonRenderer = ({ name }: ComponentRepresentation) => {
|
||||
if (name === "ecdsa-generated") {
|
||||
>>>>>>> keys
|
||||
=======
|
||||
const ButtonRenderer = ({ provider, publicKey, certificate }: KeyData) => {
|
||||
if (provider === "ecdsa-generated") {
|
||||
>>>>>>> adds keys table to realm settings
|
||||
return (
|
||||
<>
|
||||
<Button
|
||||
onClick={() => {
|
||||
togglePublicKeyDialog();
|
||||
setPublicKey(publicKey!);
|
||||
}}
|
||||
variant="secondary"
|
||||
id="kc-public-key"
|
||||
>
|
||||
{t("realm-settings:publicKeys").slice(0, -1)}
|
||||
</Button>
|
||||
</>
|
||||
);
|
||||
<<<<<<< HEAD
|
||||
}
|
||||
if (provider === "rsa-generated" || provider === "fallback-RS256") {
|
||||
=======
|
||||
} else if (provider === "rsa-generated" || provider === "fallback-RS256") {
|
||||
>>>>>>> adds keys table to realm settings
|
||||
return (
|
||||
<>
|
||||
<Button
|
||||
onClick={() => {
|
||||
togglePublicKeyDialog();
|
||||
setPublicKey(publicKey!);
|
||||
}}
|
||||
variant="secondary"
|
||||
id="kc-rsa-public-key"
|
||||
>
|
||||
{t("realm-settings:publicKeys").slice(0, -1)}
|
||||
</Button>
|
||||
<Button
|
||||
onClick={() => {
|
||||
toggleCertificateDialog();
|
||||
setCertificate(certificate!);
|
||||
}}
|
||||
variant="secondary"
|
||||
id="kc-certificate"
|
||||
>
|
||||
{t("realm-settings:certificate")}
|
||||
</Button>
|
||||
</>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<PageSection variant="light" padding={{ default: "noPadding" }}>
|
||||
<PublicKeyDialog />
|
||||
<CertificateDialog />
|
||||
<KeycloakDataTable
|
||||
key={key}
|
||||
loader={loader}
|
||||
ariaLabelKey="realm-settings:keysList"
|
||||
searchPlaceholderKey="realm-settings:searchKey"
|
||||
canSelectAll
|
||||
columns={[
|
||||
{
|
||||
name: "algorithm",
|
||||
displayKey: "realm-settings:algorithm",
|
||||
cellFormatters: [emptyFormatter()],
|
||||
transforms: [cellWidth(15)],
|
||||
},
|
||||
{
|
||||
name: "type",
|
||||
displayKey: "realm-settings:type",
|
||||
cellFormatters: [emptyFormatter()],
|
||||
transforms: [cellWidth(10)],
|
||||
},
|
||||
{
|
||||
name: "kid",
|
||||
displayKey: "realm-settings:kid",
|
||||
cellFormatters: [emptyFormatter()],
|
||||
},
|
||||
{
|
||||
name: "provider",
|
||||
displayKey: "realm-settings:provider",
|
||||
cellRenderer: ProviderRenderer,
|
||||
cellFormatters: [emptyFormatter()],
|
||||
},
|
||||
{
|
||||
name: "publicKeys",
|
||||
displayKey: "realm-settings:publicKeys",
|
||||
cellRenderer: ButtonRenderer,
|
||||
cellFormatters: [],
|
||||
},
|
||||
]}
|
||||
emptyState={
|
||||
<ListEmptyState
|
||||
hasIcon={true}
|
||||
message={t("noRoles")}
|
||||
instructions={t("noRolesInstructions")}
|
||||
primaryActionText={t("createRole")}
|
||||
onPrimaryAction={goToCreate}
|
||||
/>
|
||||
}
|
||||
/>
|
||||
</PageSection>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
type KeysProps = {
|
||||
keys: KeyMetadataRepresentation[];
|
||||
realmComponents: ComponentRepresentation[];
|
||||
};
|
||||
|
||||
export const KeysTab = ({ keys, realmComponents, ...props }: KeysProps) => {
|
||||
return (
|
||||
<KeysTabInner
|
||||
keys={keys?.map((key) => {
|
||||
const provider = realmComponents.find(
|
||||
(component: ComponentRepresentation) =>
|
||||
component.id === key.providerId
|
||||
);
|
||||
return { ...key, provider: provider?.providerId };
|
||||
})}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
};
|
||||
Loading…
Reference in a new issue