better playlist building

frontend/src/Call/components/PlaylistBuilder.js

@@ -174,7 +174,7 @@ const removeItem = (call) => {
         />
       </Modal.Actions>
     </Modal>
-      <Tab.Pane attached='bottom' onDragOver={onDragOver} onDrop={onDrop}>
+      <Tab.Pane attached='bottom' onDragOver={onDragOver} onDrop={onDrop} style={{overflowY: "auto", height: 300}}>
         {content}
       </Tab.Pane>
       <Menu fluid widths={2}>

frontend/src/Call/components/PlaylistItem.js

@@ -39,7 +39,7 @@ const PlaylistItem = (props) => {
   const time = new Date(call.time);
   const callTime = time.toLocaleTimeString();
   return (
-    <Table.Row key={index} onClick={(e) => props.onClick({ call: call }, e)}>
+    <Table.Row key={index} >
       <Table.Cell>{call.len} </Table.Cell>
       <Table.Cell>{tgAlpha}</Table.Cell>
       <Table.Cell>{callTime}</Table.Cell>

frontend/src/features/callPlayer/callPlayerSlice.js

@@ -13,6 +13,7 @@ const initialState = {
   filterDate: false,
   filterStarred: false,
   currentCallId: false,
+  playlist: [],
   live: false
 }
 
@@ -27,6 +28,11 @@ export const callPlayerSlice = createSlice({
       state.newestCallTime = action.payload;
       state.oldestCallTime = action.payload;
     },
+    setPlaylist: (state, action) => {
+      if (Array.isArray(action.payload )) {
+      state.playlist = action.payload;
+      }
+    },
     setFilter: (state,action) => {
       var filter={};
       state.live = !action.payload.live ? state.live : action.payload.live;