React Session Notes

notes.txt

const initialState = {
  mute: true,
  inProgress: true, 
  ...///

}

const initialState = {
  controls: {
    mute: true,
  },
  notes: {
    message: 
    category: 
  }
}

function handleControls(state, action) {
  switch(action.payload) {
    case
  }
}


function(state = initialState, action) {
  switch(action.payload) {
    case CONTROL_MUTED: {
      return {
        ...state,
        ...handleControls({...state, action.payload}, action)
      }
    }
  }
}


const { controls, notes } = this.props;

<Dailer>
  <Controls {...controls}>
  </Controls>

  <Notes {...notes}>
  </Notes>
</Dailer>

------
1. Move redux related code into its own directory 
2. Keep Reducers in their respective logical components




-------


class Container

    componentDidMount()

      this.props.connectChannel()


    
    render() {
      const { ...} = this.props


      
    }



------ Actions
  connectChannel() {
    const socket = new Socket(notification_socket_endpoint);
    socket.connect();
    const channel = socket.channel(`dialer_status_notification/${current_user_id}`, {});
    channel.join();
    channel.on("dialer_status_update", (data) => {
      return {
        action: WIDGET_NOTIFICATION_CHANGED,
        payload: data.call_status
      }
    }
  }

----- Reducer 

  case WIDGET_NOTIFICATION_CHANGED: {
    if (payload === busy) {
      return {
        ...state,
      }
    }
  }