Frequency User Machine

machine.js

  const userMachine = Machine({
    id: 'userPath',
    initial:'login',
    states:{
      login: {
        on: {
          AUTHENTICATE: 'dashboard'
        }
      },
      
      dashboard:{
        on: {
          'ADD CHANNEL': 'enter input' ,
          'ADD LIST': 'enter input',
          'REORDER LISTS': 'enter input',
          'ADD/REMOVE CHANNELS TO LIST': 'drag & drop' ,
          'LOG OUT': 'loggedOut'
        }
      },
      
      'enter input':{
        on: {
          'SUBMIT': 'dashboard'
        }
      },
      
       'drag & drop':{
        on: {
          'FINISH': 'dashboard'
        }
      },
      
      loggedOut:{
        type: 'final'
      }
    },
   
    
  });