import * as React from 'react' import {DeviceChannelActive} from '../../hooks/midi'; export interface ActivityProps { device?: MIDIInput currentDeviceActive?: DeviceChannelActive } const getDeviceDisplayName = (device?: MIDIInput): string | undefined => { if (typeof device === 'undefined') { return undefined } return [device.name, device.version ? `v${device.version}` : null] .filter((s) => Boolean(s)) .join(' ') } export const Activity: React.FC = ({ device, currentDeviceActive = [ false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false ] }) => { const deviceDisplayName = getDeviceDisplayName(device) return (
Input device:{' '} {typeof deviceDisplayName === 'undefined' && (None)} {typeof deviceDisplayName !== 'undefined' && deviceDisplayName}
{currentDeviceActive.map((a, i) => (
))}
) }