a905b33081
* increased restart server timeout & showing reset pwd only if form login is enabled * Updated callout for disconnect button * added space
59 lines
1.4 KiB
TypeScript
59 lines
1.4 KiB
TypeScript
import React from "react";
|
|
import styled from "styled-components";
|
|
import { Variant } from "components/ads/common";
|
|
import Button from "components/ads/Button";
|
|
import { Callout } from "components/ads/CalloutV2";
|
|
import { createMessage, DANGER_ZONE } from "@appsmith/constants/messages";
|
|
import { Colors } from "constants/Colors";
|
|
import { getTypographyByKey } from "constants/DefaultTheme";
|
|
|
|
export const Container = styled.div`
|
|
width: 100%;
|
|
padding: 16px 0;
|
|
`;
|
|
|
|
export const DisconnectButton = styled(Button)`
|
|
display: inline-block;
|
|
padding: 10px 20px;
|
|
font-size: 13px;
|
|
height: 38px;
|
|
margin-top: 16px;
|
|
background: ${Colors.CRIMSON};
|
|
border: 2px solid ${Colors.CRIMSON};
|
|
`;
|
|
|
|
export const Header = styled.h2`
|
|
${(props) => getTypographyByKey(props, "dangerHeading")}
|
|
text-align: left;
|
|
`;
|
|
|
|
export const HeaderDanger = styled(Header)`
|
|
color: ${Colors.CRIMSON};
|
|
`;
|
|
|
|
export const Info = styled.h3`
|
|
display: block;
|
|
${(props) => getTypographyByKey(props, "p3")}
|
|
text-align: left;
|
|
margin: 8px 0;
|
|
`;
|
|
|
|
export function DisconnectService(props: {
|
|
disconnect: () => void;
|
|
subHeader: string;
|
|
warning: string;
|
|
}) {
|
|
return (
|
|
<Container>
|
|
<HeaderDanger>{createMessage(DANGER_ZONE)}</HeaderDanger>
|
|
<Info>{props.subHeader}</Info>
|
|
<Callout title={props.warning} type="Warning" />
|
|
<DisconnectButton
|
|
onClick={props.disconnect}
|
|
text="Disconnect"
|
|
variant={Variant.danger}
|
|
/>
|
|
</Container>
|
|
);
|
|
}
|