Web: Studio: SSO: Made AddCertificateModal subcomponent
This commit is contained in:
parent
ca34cf7571
commit
9c3673bc0f
@ -0,0 +1,66 @@
|
||||
import React from "react";
|
||||
import Button from "@appserver/components/button";
|
||||
import Text from "@appserver/components/text";
|
||||
import ModalDialog from "@appserver/components/modal-dialog";
|
||||
import TextArea from "@appserver/components/TextArea";
|
||||
import { observer } from "mobx-react";
|
||||
import { Box } from "@appserver/components";
|
||||
import styled from "styled-components";
|
||||
|
||||
const StyledModalDialog = styled(ModalDialog)`
|
||||
.text-area {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.ok-button {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.text-area-label {
|
||||
margin-top: 5px;
|
||||
}
|
||||
`;
|
||||
|
||||
const AddCertificateModal = ({ FormStore, t }) => {
|
||||
const headerContent = t("NewCertificate");
|
||||
|
||||
return (
|
||||
<StyledModalDialog
|
||||
contentHeight="100%"
|
||||
displayType="modal"
|
||||
onClose={FormStore.onCloseModal}
|
||||
visible={FormStore.isModalVisible}
|
||||
>
|
||||
<ModalDialog.Header>{headerContent}</ModalDialog.Header>
|
||||
|
||||
<ModalDialog.Body>
|
||||
<Text className="text-area-label">{t("OpenCertificate")}</Text>
|
||||
<TextArea
|
||||
className="text-area"
|
||||
name="newIdpCertificate"
|
||||
onChange={FormStore.onTextInputChange}
|
||||
value={FormStore.newIdpCertificate}
|
||||
/>
|
||||
</ModalDialog.Body>
|
||||
|
||||
<ModalDialog.Footer>
|
||||
<Box displayProp="flex" marginProp="12px 0 4px 0">
|
||||
<Button
|
||||
className="ok-button"
|
||||
label={t("OKButton", { ns: "Common" })}
|
||||
onClick={FormStore.onAddCertificate}
|
||||
primary
|
||||
size="medium"
|
||||
/>
|
||||
<Button
|
||||
label={t("CancelButton", { ns: "Common" })}
|
||||
onClick={FormStore.onCloseModal}
|
||||
size="medium"
|
||||
/>
|
||||
</Box>
|
||||
</ModalDialog.Footer>
|
||||
</StyledModalDialog>
|
||||
);
|
||||
};
|
||||
|
||||
export default observer(AddCertificateModal);
|
Loading…
Reference in New Issue
Block a user