adding components

Author: jojo1311

rtsupport/components/channels/Channel.jsx

@@ -0,0 +1,26 @@
+import React, {Component} from "react";
+
+class Channel extends Component{
+    onClick(e){
+        e.preventDefault();
+        const {setChannel, channel} = this.props;
+        setChannel(channel);
+    }
+    render(){
+        const {channel} = this.props;
+        return(
+            <li>
+                <a onClick={this.onClick.bind(this)}>
+                    {channel.name}
+                </a>
+            </li>
+        )
+    }
+}
+
+Channel.propTypes = {
+    channel: React.PropTypes.object.isRequired,
+    setChannel: React.PropTypes.func.isRequired
+}
+
+export default Channel;

rtsupport/components/channels/ChannelList.jsx

@@ -0,0 +1,26 @@
+import React, {Component} from "react";
+import Channel from './Channel.jsx';
+
+class ChannelList extends Component {
+    render(){
+        return(
+            <ul>{
+                this.props.channels.map( chan => {
+                    <Channel
+                        channel={chan}
+                        setChannel={this.props.setChannel}
+                    />
+                })
+            }
+            </ul>
+        )
+    }
+
+}
+
+ChannelList.propTypes = {
+    channels: React.PropTypes.array.isRequired,
+    setChannel: React.PropTypes.func.isRequired
+}
+
+export default ChannelList;

rtsupport/package-lock.json

@@ -12,6 +12,7 @@
     "@babel/core": "^7.5.4",
     "@babel/preset-env": "^7.5.4",
     "babel-loader": "^8.0.6",
+    "react": "^16.8.6",
     "webpack": "^4.35.3",
     "webpack-cli": "^3.3.5",
     "webpack-dev-server": "^3.7.2"