How to use

green

function

in

Array

const displayRgb = (fadeEffect, { isCurrentStep, isDisplayedInEditWindow, isSelected, hasNote, velocity, recording }) => {
 if (isDisplayedInEditWindow) return Colours.yellow
 if (isSelected) return Colours.orange
 if (isCurrentStep) return hasNote ? Colours.turquoise : (recording ? Colours.red : Colours.green)
 return hasNote ? fadeEffect(Colours.blue, velocity) : Colours.off
}

const KitSelectButton = props => {
 const {button, selectKit, selected} = props
 return (
  <DomGridButton
   onPressed={selectKit}
   active={selected}
   rgb={selected ? Colours.green : Colours.off}
  >
   <PushChannelSelectButton
    button={button}
    onPressed={selectKit}
    rgb={selected ? Colours.green : Colours.off}
   />
  </DomGridButton>
 )
}

render() {
  const {button, rgb} = this.props
  switch (rgb) {
   case Colours.off:
    button.ledOff()
    break
   case Colours.green:
    button.ledOn('green')
    break
   case Colours.red:
    button.ledOn('red')
    break
   case Colours.yellow:
    button.ledOn('yellow')
    break
   case Colours.orange:
   default:
    button.ledOn('orange')
    break
  }
  return null
 }

  turnOff={stopSequence}
  keypress=' ' // space bar
  rgb={Colours.green}
 />
</div>