Call Player is now functional

frontend/src/Call/ListCalls.js

@@ -0,0 +1,43 @@
+import React from "react";
+import CallItem from "./CallItem";
+import {
+  Icon,
+  Table,
+} from "semantic-ui-react";
+import "./CallPlayer.css";
+
+// ----------------------------------------------------
+class ListCalls extends React.Component {
+
+  constructor(props) {
+    super(props);
+
+  }
+
+  //https://stackoverflow.com/questions/36559661/how-can-i-dispatch-from-child-components-in-react-redux
+  //https://stackoverflow.com/questions/42597602/react-onclick-pass-event-with-parameter
+  render() {
+    return (
+
+        <Table id="calls" unstackable>
+          <Table.Header >
+            <Table.Row>
+              <Table.HeaderCell>Len</Table.HeaderCell>
+              <Table.HeaderCell>Talkgroup</Table.HeaderCell>
+              <Table.HeaderCell>Time</Table.HeaderCell>
+              <Table.HeaderCell><Icon name='star' /></Table.HeaderCell>
+            </Table.Row>
+          </Table.Header>
+          <Table.Body>
+
+            {this.props.callsAllIds.map((callId, index) => <CallItem activeCall={callId == this.props.activeCallId ? true : false} call={this.props.callsById[callId]} talkgroups={this.props.talkgroups} key={index} onClick={this.props.playCall}/>)}
+
+          </Table.Body>
+        </Table>
+
+
+  );
+  }
+}
+
+export default ListCalls;