29 lines
694 B
JavaScript
29 lines
694 B
JavaScript
import React from 'react';
|
|
import forceArray from 'force-array';
|
|
|
|
import { FormGroup, Input, FormLabel } from 'joyent-ui-toolkit';
|
|
import Item from './item';
|
|
|
|
export default ({ instances, handleChange = () => null, handleSubmit }) => {
|
|
const _instances = forceArray(instances);
|
|
|
|
const items = _instances.map((instance, i, all) => (
|
|
<Item
|
|
key={instance.id}
|
|
{...instance}
|
|
last={all.length - 1 === i}
|
|
first={!i}
|
|
/>
|
|
));
|
|
|
|
return (
|
|
<form onSubmit={() => handleSubmit(ctx => handleChange(ctx))}>
|
|
<FormGroup name="filter" reduxForm>
|
|
<FormLabel>Filter instances</FormLabel>
|
|
<Input />
|
|
</FormGroup>
|
|
{items}
|
|
</form>
|
|
);
|
|
};
|