55 lines
1.3 KiB
JavaScript
55 lines
1.3 KiB
JavaScript
import React from 'react';
|
|
import { connect } from 'react-redux';
|
|
import { toggleInstanceCollapsed } from '@state/actions';
|
|
import { LayoutContainer } from '@components/layout';
|
|
import EmptyInstances from '@components/empty/instances';
|
|
import PropTypes from '@root/prop-types';
|
|
import Section from './section';
|
|
import InstanceList from '@components/instance-list';
|
|
import { instancesByProjectIdSelector } from '@state/selectors';
|
|
|
|
const Instances = (props) => {
|
|
const {
|
|
instances = [],
|
|
toggleCollapsed = () => null
|
|
} = props;
|
|
|
|
const empty = instances.length ? null : (
|
|
<EmptyInstances />
|
|
);
|
|
|
|
return (
|
|
<Section {...props}>
|
|
<LayoutContainer>
|
|
{empty}
|
|
<InstanceList
|
|
instances={instances}
|
|
toggleCollapsed={toggleCollapsed}
|
|
/>
|
|
</LayoutContainer>
|
|
</Section>
|
|
);
|
|
};
|
|
|
|
Instances.propTypes = {
|
|
instances: React.PropTypes.arrayOf(PropTypes.instance),
|
|
toggleCollapsed: React.PropTypes.func
|
|
};
|
|
|
|
const mapStateToProps = (state, {
|
|
match = {
|
|
params: {}
|
|
}
|
|
}) => ({
|
|
instances: instancesByProjectIdSelector(match.params.projectId)(state)
|
|
});
|
|
|
|
const mapDispatchToProps = (dispatch) => ({
|
|
toggleCollapsed: (uuid) => dispatch(toggleInstanceCollapsed(uuid))
|
|
});
|
|
|
|
export default connect(
|
|
mapStateToProps,
|
|
mapDispatchToProps
|
|
)(Instances);
|