Merge branch '150-fix-community-roles-page-blank' into 'develop'

Resolve "Role pages are blank"

Closes #150

See merge request !295

src/app/components/cards/NotFoundMessage.jsx

@@ -7,7 +7,7 @@ export default class NotFoundMessage extends React.Component {
             <div className="NotFound float-center">
                 <div>
                     <Icon name="hive" size="4x" />
-                    <h4 className="NotFound__header">Sorry! This page doesn&aquote;t exist.</h4>
+                    <h4 className="NotFound__header">Sorry! This page does not exist.</h4>
                     <p>
                         Not to worry. You can head back to
                         {' '}

src/app/components/cards/NotificationsList.jsx

@@ -316,7 +316,7 @@ class NotificationsList extends React.Component {
                     <div style={{ lineHeight: '1rem' }}>{notifications.map((item) => renderItem(item))}</div>
                 )}
                 {!notifications && !notificationActionPending && process.env.BROWSER && (
-                    <Callout>Welcome! You don&aquote;t have any notifications yet.</Callout>
+                    <Callout>Welcome! You do not have any notifications yet.</Callout>
                 )}
 
                 {!notificationActionPending && notifications && !isLastPage && (

src/app/components/pages/CommunityRoles.jsx

@@ -236,8 +236,11 @@ const CommunityRolesWrapped = connect(
     (state, ownProps) => {
         const { community } = ownProps.params;
         const tree = state.community.get(community, Map());
-        const roles = tree.get('roles', List());
-        const loading = roles.size == 0;
+        let roles = tree.get('roles', List());
+        if (typeof roles === 'string') {
+            roles = List();
+        }
+        const loading = roles.size === 0;
         const updating = tree.get('updatePending', false);
         const communityMetadata = state.global.getIn(['community', community]);
         return {

src/app/utils/steemApi.js

@@ -7,6 +7,7 @@ import stateCleaner from 'app/redux/stateCleaner';
 import { fetchCrossPosts, augmentContentWithCrossPost } from 'app/utils/CrossPosts';
 
 export async function callBridge(method, params) {
+    console.log('callbrdige', method, params);
     // [JES] Hivemind throws an exception if you call for my/[trending/payouts/new/etc] with a null observer
     // so just delete the 'my' tag if there is no observer specified
     if (
@@ -28,6 +29,7 @@ export async function callBridge(method, params) {
         && method !== 'get_post_header'
         && method !== 'list_subscribers'
         && method !== 'normalize_post'
+        && method !== 'list_community_roles'
         && (params.observer === null || params.observer === undefined)
     ) params.observer = $STM_Config.default_observer;