diff --git a/client/coral-embed-stream/src/tabs/configure/components/AssetStatusInfo.css b/client/coral-embed-stream/src/tabs/configure/components/AssetStatusInfo.css new file mode 100644 index 000000000..3dfd98ccc --- /dev/null +++ b/client/coral-embed-stream/src/tabs/configure/components/AssetStatusInfo.css @@ -0,0 +1,10 @@ +.wrapper { + display: flex; + justify-content: space-between; + align-items: center; +} + +.button { + width: 300px; + margin-left: 20px; +} diff --git a/client/coral-embed-stream/src/tabs/configure/components/AssetStatusInfo.js b/client/coral-embed-stream/src/tabs/configure/components/AssetStatusInfo.js index 09949b68e..2a1900533 100644 --- a/client/coral-embed-stream/src/tabs/configure/components/AssetStatusInfo.js +++ b/client/coral-embed-stream/src/tabs/configure/components/AssetStatusInfo.js @@ -2,6 +2,8 @@ import React from 'react'; import {Button} from 'coral-ui'; import PropTypes from 'prop-types'; import t, {timeago} from 'coral-framework/services/i18n'; +import cn from 'classnames'; +import styles from './AssetStatusInfo.css'; class AssetStatusInfo extends React.Component { @@ -45,11 +47,11 @@ class AssetStatusInfo extends React.Component {

{!isClosed ? t('configure.close') : t('configure.open')} {t('configure.comment_stream')}

{(!isClosed && closedAt) ?

{t('configure.comment_stream_will_close')} {timeago(new Date(closedAt))}.

: ''} -
+

{!isClosed ? t('configure.open_stream_configuration') : t('configure.close_stream_configuration')}

-
diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css index 0dcbf856e..63f1edf67 100644 --- a/client/coral-embed-stream/style/default.css +++ b/client/coral-embed-stream/style/default.css @@ -275,22 +275,6 @@ button.comment__action-button[disabled], /* Close comments */ -.close-comments-intro-wrapper { - display: flex; - justify-content: space-between; - align-items: center; -} - -.close-comments-intro-wrapper button { - width: 300px; - margin-left: 20px; -} - -.close-comments-intro-wrapper button:disabled { - opacity: 0.5; - cursor: not-allowed; -} - .close-comments-message { box-sizing: border-box; width: 100%;