44 lines
957 B
TypeScript
44 lines
957 B
TypeScript
|
import { useTranslation } from "react-i18next";
|
||
|
|
import {
|
||
|
|
Alert,
|
||
|
|
AlertVariant,
|
||
|
|
ClipboardCopy,
|
||
|
|
Form,
|
||
|
|
FormGroup,
|
||
|
|
Modal,
|
||
|
|
ModalVariant,
|
||
|
|
} from "@patternfly/react-core";
|
||
|
|
|
||
|
|
type AccessTokenDialogProps = {
|
||
|
|
token: string;
|
||
|
|
toggleDialog: () => void;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const AccessTokenDialog = ({
|
||
|
|
token,
|
||
|
|
toggleDialog,
|
||
|
|
}: AccessTokenDialogProps) => {
|
||
|
|
const { t } = useTranslation("clients");
|
||
|
|
return (
|
||
|
|
<Modal
|
||
|
|
title={t("initialAccessTokenDetails")}
|
||
|
|
isOpen={true}
|
||
|
|
onClose={toggleDialog}
|
||
|
|
variant={ModalVariant.medium}
|
||
|
|
>
|
||
|
|
<Alert
|
||
|
|
title={t("copyInitialAccessToken")}
|
||
|
|
isInline
|
||
|
|
variant={AlertVariant.warning}
|
||
|
|
/>
|
||
|
|
<Form className="pf-u-mt-md">
|
||
|
|
<FormGroup label={t("initialAccessToken")} fieldId="initialAccessToken">
|
||
|
|
<ClipboardCopy id="initialAccessToken" isReadOnly>
|
||
|
|
{token}
|
||
|
|
</ClipboardCopy>
|
||
|
|
</FormGroup>
|
||
|
|
</Form>
|
||
|
|
</Modal>
|
||
|
|
);
|
||
|
|
};
|