Add new screenshots

jimmygchen · Jul 27, 2017 · cf809e8 · cf809e8
1 parent 7809e06
commit cf809e8
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@ A simple web-based viewer to monitor messages on topic(s) in Kafka.
 
 Connects to Kafka via a WebSockets based proxy (using [kafka-proxy-ws](https://github.com/Microsoft/kafka-proxy-ws)).
 
-![Screenshot](https://github.com/jchen86/kafka-topic-viewer/blob/master/screenshot.png?raw=true)
+![Screenshots](https://github.com/jchen86/kafka-topic-viewer/blob/master/screenshots.gif?raw=true)
 
 ## Getting Started
 1. Configure the topic names to monitor in `src/app/config.js`

diff --git a/screenshot.png b/screenshot.png
diff --git a/screenshots.gif b/screenshots.gif
diff --git a/src/app/config.js b/src/app/config.js
@@ -2,7 +2,7 @@ export default {
   kafkaProxyWS: 'ws://127.0.0.1:9999',
   consumerGroupPrefix: 'topic-monitor-ui-',
 
-  topics: ['Sport-News', 'Finance-News', 'International News', 'Technology News', 'Other News'],
+  topics: ['Sport-News', 'Finance-News', 'International-News', 'Technology-News', 'Other-News'],
   defaultNumOfTopics: 3,
 
   messageLimit: 15

diff --git a/src/app/messages/messages.js b/src/app/messages/messages.js
@@ -68,7 +68,7 @@ export class Messages extends Component {
                     primaryText={message.content.offset}
                     secondaryText={
                       <p>
-                        <span style={{color: darkBlack}}>{message.content.message}</span>
+                        <span style={{color: darkBlack}}>{JSON.stringify(message.content.message)}</span>
                         <br/><span>{message.moment.fromNow()}</span>
                       </p>
                     }