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>