add helper text when acme server is pending
-import React from "react";
import {
Box,
Button,
@@ -11,21 +10,22 @@ import {
Theme,
withStyles,
} from "@material-ui/core";
+import { Alert } from "@material-ui/lab";
import { WithStyles } from "@material-ui/styles";
-import { Expansion } from "widgets/expansion";
-import { Link } from "react-router-dom";
+import { setSuccessNotificationAction } from "actions/notification";
+import copy from "copy-to-clipboard";
+import React from "react";
import { connect } from "react-redux";
+import { Link } from "react-router-dom";
+import { RootState } from "reducers";
import { TDispatchProp } from "types";
+import { PendingBadge, SuccessBadge } from "widgets/Badge";
+import { BlankTargetLink } from "widgets/BlankTargetLink";
import DomainStatus from "widgets/DomainStatus";
-import { IconButtonWithTooltip } from "widgets/IconButtonWithTooltip";
-import copy from "copy-to-clipboard";
-import { setSuccessNotificationAction } from "actions/notification";
+import { Expansion } from "widgets/expansion";
import { CopyIcon } from "widgets/Icon";
+import { IconButtonWithTooltip } from "widgets/IconButtonWithTooltip";
import { Body } from "widgets/Label";
-import { RootState } from "reducers";
-import { PendingBadge, SuccessBadge } from "widgets/Badge";
-import { BlankTargetLink } from "widgets/BlankTargetLink";
-import { Alert } from "@material-ui/lab";
const styles = (_theme: Theme) =>
createStyles({
@@ -164,6 +164,8 @@ export const DNSConfigItems = connect()((props: DNSConfigGuideProps) => {
</IconButtonWithTooltip>
</TableCell>
<TableCell>
+ {!!record ? (
+ <>
{record}
<IconButtonWithTooltip
tooltipTitle="Copy"
@@ -175,6 +177,10 @@ export const DNSConfigItems = connect()((props: DNSConfigGuideProps) => {
>
<CopyIcon fontSize="small" />
</IconButtonWithTooltip>
+ </>
+ ) : (
+ "Generating, please wait."
+ )}
</TableCell>
</TableRow>
);
