diff --git a/client/coral-embed-stream/src/tabs/configure/components/AssetStatusInfo.js b/client/coral-embed-stream/src/tabs/configure/components/AssetStatusInfo.js
new file mode 100644
index 000000000..e20f242cc
--- /dev/null
+++ b/client/coral-embed-stream/src/tabs/configure/components/AssetStatusInfo.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import {Button} from 'coral-ui';
+import PropTypes from 'prop-types';
+import t, {timeago} from 'coral-framework/services/i18n';
+
+const AssetStatusInfo = ({isClosed, closedAt, onClose, onOpen}) => (
+
+
{!isClosed ? t('configure.close') : t('configure.open')} {t('configure.comment_stream')}
+ {(!isClosed && closedAt) ?
{t('configure.comment_stream_will_close')} {timeago(closedAt)}.
: ''}
+
+
+ {!isClosed ? t('configure.open_stream_configuration') : t('configure.close_stream_configuration')}
+
+
+
+
+);
+
+AssetStatusInfo.propTypes = {
+ isClosed: PropTypes.bool.isRequired,
+ closedAt: PropTypes.object.isRequired,
+ onClose: PropTypes.func.isRequired,
+ onOpen: PropTypes.func.isRequired,
+};
+
+export default AssetStatusInfo;
diff --git a/client/coral-embed-stream/src/tabs/configure/components/Configure.js b/client/coral-embed-stream/src/tabs/configure/components/Configure.js
index 610fa5fae..134923f74 100644
--- a/client/coral-embed-stream/src/tabs/configure/components/Configure.js
+++ b/client/coral-embed-stream/src/tabs/configure/components/Configure.js
@@ -1,10 +1,24 @@
import React from 'react';
+import AssetStatusInfo from './AssetStatusInfo';
+import PropTypes from 'prop-types';
class Configure extends React.Component {
render() {
- console.log(this.props);
- return Configure
;
+ return (
+
+ );
}
}
+Configure.propTypes = {
+ isClosed: PropTypes.bool,
+ closedAt: PropTypes.object,
+};
+
export default Configure;
diff --git a/client/coral-embed-stream/src/tabs/configure/containers/Configure.js b/client/coral-embed-stream/src/tabs/configure/containers/Configure.js
index a52b65822..11f81da20 100644
--- a/client/coral-embed-stream/src/tabs/configure/containers/Configure.js
+++ b/client/coral-embed-stream/src/tabs/configure/containers/Configure.js
@@ -2,15 +2,22 @@ import React from 'react';
import {gql, compose} from 'react-apollo';
import {withFragments} from 'coral-framework/hocs';
import Configure from '../components/Configure';
+import PropTypes from 'prop-types';
class ConfigureContainer extends React.Component {
render() {
return ;
}
}
+ConfigureContainer.propTypes = {
+ asset: PropTypes.object,
+};
+
const withConfigureFragments = withFragments({
root: gql`
fragment CoralEmbedStream_Configure_root on RootQuery {
@@ -19,6 +26,8 @@ const withConfigureFragments = withFragments({
`,
asset: gql`
fragment CoralEmbedStream_Configure_asset on Asset {
+ closedAt
+ isClosed
settings {
moderation
}