Start implementing settings ui

client/coral-embed-stream/src/tabs/configure/components/Configure.js

@@ -1,11 +1,15 @@
 import React from 'react';
 import AssetStatusInfo from '../containers/AssetStatusInfo';
+import Settings from '../containers/Settings';
 import PropTypes from 'prop-types';
 
 class Configure extends React.Component {
   render() {
     return (
       <div className='talk-embed-stream-configuration-container'>
+        <Settings
+          asset={this.props.asset}
+        />
         <hr />
         <AssetStatusInfo
           asset={this.props.asset}

client/coral-embed-stream/src/tabs/configure/containers/AssetStatusInfo.js

@@ -32,9 +32,6 @@ const withAssetStatusInfoFragments = withFragments({
       id
       closedAt
       isClosed
-      settings {
-        moderation
-      }
     }
   `,
 });

client/coral-embed-stream/src/tabs/configure/containers/Configure.js

@@ -3,6 +3,7 @@ import {gql, compose} from 'react-apollo';
 import {withFragments} from 'coral-framework/hocs';
 import Configure from '../components/Configure';
 import AssetStatusInfo from './AssetStatusInfo';
+import Settings from './Settings';
 import PropTypes from 'prop-types';
 import {getDefinitionName} from 'coral-framework/utils';
 
@@ -33,8 +34,10 @@ const withConfigureFragments = withFragments({
     fragment CoralEmbedStream_Configure_asset on Asset {
       __typename
       ...${getDefinitionName(AssetStatusInfo.fragments.asset)}
+      ...${getDefinitionName(Settings.fragments.asset)}
     }
     ${AssetStatusInfo.fragments.asset}
+    ${Settings.fragments.asset}
   `,
 });