Restyling Load More button.

client/coral-embed-stream/src/LoadMore.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import I18n from 'coral-framework/modules/i18n/i18n';
+import translations from 'coral-framework/translations.json';
+import Button from 'coral-ui';
+const lang = new I18n(translations);
+
+const loadMoreComments = (id, comments, loadMore) => {
+
+  if (!comments.length) {
+    return;
+  }
+
+  loadMore({
+    limit: 10,
+    cursor: comments[comments.length - 1].created_at,
+    asset_id: id,
+    sort: 'REVERSE_CHRONOLOGICAL'
+  });
+};
+
+const LoadMore = ({id, comments, loadMore}) => comments.length > 5 ?
+  <Button
+    className='coral-load-more'
+    onClick={() => loadMoreComments(id, comments, loadMore)}>
+    {
+      lang.t('loadMore')
+    }
+  </Button>
+  : null;
+
+export default LoadMore;

client/coral-embed-stream/style/default.css

@@ -304,3 +304,9 @@ hr {
 .close-comments-alert i.material-icons {
   font-size: 16px !important;
 }
+
+/* Load More */
+
+.coral-load-more {
+  width: 100%;
+}