Refractored part of func in ChatRoomListAPI.handleChatRoomListChange, created dummy ChatRoom component files.

Author: przucidlo

src/app/App.js

@@ -3,6 +3,7 @@ import { connect } from 'react-redux';
 import FrontPage from '../frontpage/FrontPage';
 import ChatRoomList from './chatroomlist/ChatRoomList';
 import {initializeConnection} from '../redux/actions/SocketActions';
+import { ChatRoom } from './chatroom/ChatRoom';
 
 class App extends React.Component{
  componentDidUpdate(){
@@ -23,6 +24,7 @@ class App extends React.Component{
  return (
  <div>
  <ChatRoomList />
+ <ChatRoom />
  </div>
  );
  }

src/app/chatroom/ChatRoom.js

@@ -0,0 +1,24 @@
+import React, { Component } from 'react'
+import PropTypes from 'prop-types'
+import { connect } from 'react-redux'
+
+export class ChatRoom extends Component {
+
+ render() {
+ return (
+ <div>
+
+ </div>
+ )
+ }
+}
+
+const mapStateToProps = (state) => ({
+
+})
+
+const mapDispatchToProps = {
+
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(ChatRoom)

src/app/chatroom/ChatRoomAPI.js

@@ -21,21 +21,21 @@ class ChatRoomList extends React.Component{
  return this.props.chatRooms;
  }
 
- render(){
- return (
- <div>
- {this.displayList()}
- </div>
- );
- }
-
  displayList(){
  return this.props.chatRooms.map((chatRoom) => 
  <div key={chatRoom.id} onClick={() => { this.props.selectChatRoom(chatRoom.id)}}>
  {chatRoom.name}
  </div>
  )
  }
+
+ render(){
+ return (
+ <div>
+ {this.displayList()}
+ </div>
+ );
+ }
 }
 
 ChatRoomList.propTypes = {

src/app/chatroomlist/ChatRoomList.js

@@ -9,12 +9,10 @@ export const subscribeChatRoomListTopic = (socketSubscribe, addChatRoom, updateC
 }
 
 const handleChatRoomListChange = (payload, addChatRoom, updateChatRoom, clientChatRoomList) => {
- let chatRoomListJson;
+ let chatRoomListJson = JSON.parse(payload.body);
 
- if(JSON.parse(payload.body) instanceof Array){
- chatRoomListJson = JSON.parse(payload.body); 
- }else{
- chatRoomListJson = [JSON.parse(payload.body)]
+ if(!(chatRoomListJson instanceof Array)){
+ chatRoomListJson = [chatRoomListJson];
  }
 
  chatRoomListJson.forEach(chatRoom => {