diff --git a/embark-ui/src/containers/CommunicationContainer.js b/embark-ui/src/containers/CommunicationContainer.js
index 6efc1b487..53e131c28 100644
--- a/embark-ui/src/containers/CommunicationContainer.js
+++ b/embark-ui/src/containers/CommunicationContainer.js
@@ -74,7 +74,7 @@ class CommunicationContainer extends Component {
           <div id="subscribeList">
             {this.state.subscribedChannels.map((item, i) => <p key={i}>{item}</p>)}
           </div>
-          {this.props.messages && this.props.messages.channels && this.props.messages.channels.length &&
+          {this.props.messages && this.props.messages.channels && Boolean(Object.keys(this.props.messages.channels).length) &&
           <React.Fragment>
             <p>Messages received:</p>
             <div id="messagesList">
diff --git a/lib/modules/whisper/index.js b/lib/modules/whisper/index.js
index 211fd1ae5..9f993f3ec 100644
--- a/lib/modules/whisper/index.js
+++ b/lib/modules/whisper/index.js
@@ -164,11 +164,10 @@ class Whisper {
       self.embark.registerAPICall(
         'ws',
         // FIXME channel name
-        '/embark-api/communication/listenTo/jorain',
-        (ws, _req) => {
-          console.log('Listen to', 'jorain');
+        '/embark-api/communication/listenTo/:topic',
+        (ws, req) => {
           listenTo({
-            topic: 'jorain',
+            topic: req.params.topic,
             messageEvents,
             toHex: self.web3.utils.toHex,
             toAscii: self.web3.utils.hexToAscii,