joyent-portal/spikes/stacks/redux-loop/src/client/components/printers.js
2016-10-17 21:36:31 +01:00

40 lines
567 B
JavaScript

const React = require('react');
module.exports = ({
printers = [],
locked = '',
onClick
}) => {
const _onClick = (id) => {
return () => {
onClick(id);
};
};
const lis = printers.map(({
name,
lock,
id
}) => {
const msg = (() => {
if (!lock) {
return '';
}
return (locked === id) ? '(Locked to you)' : `(Locked to ${lock})`;
})();
return (
<li key={id}>
<a onClick={_onClick(id)}>{name} {msg}</a>
</li>
);
});
return (
<ul>
{lis}
</ul>
);
};