joyent-portal/packages/my-joy-beta/src/containers/instances/firewall.js

101 lines
2.5 KiB
JavaScript
Raw Normal View History

import React from 'react';
import PropTypes from 'prop-types';
import forceArray from 'force-array';
import { compose, graphql } from 'react-apollo';
import find from 'lodash.find';
import get from 'lodash.get';
2017-10-09 16:43:51 +03:00
import {
ViewContainer,
StatusLoader,
Message,
MessageDescription,
MessageTitle,
Table,
TableThead,
TableTr,
TableTh,
TableTbody,
P
2017-10-09 16:43:51 +03:00
} from 'joyent-ui-toolkit';
import GetFirewallRules from '@graphql/list-firewall-rules.gql';
import { FirewallRule as InstanceFirewallRule } from '@components/instances';
const Firewall = ({
// eslint-disable-next-line camelcase
firewallEnabled = false,
firewallRules = [],
loading,
error
}) => {
const values = forceArray(firewallRules);
2017-09-27 17:44:57 +03:00
const _loading = !(loading && !values.length) ? null : <StatusLoader />;
const _firewall =
_loading && !values.length ? null : (
<Table>
<TableThead>
<TableTr>
<TableTh left bottom>
<P>Rule</P>
</TableTh>
<TableTh xs="63" center bottom>
<P>Global</P>
</TableTh>
<TableTh xs="75" center bottom>
<P>Enabled</P>
</TableTh>
</TableTr>
</TableThead>
<TableTbody>
{values.map(network => (
<InstanceFirewallRule key={network.id} {...network} />
))}
</TableTbody>
</Table>
);
2017-10-04 20:27:55 +03:00
const _error =
error && !values.length && !_loading ? (
2017-10-09 16:43:51 +03:00
<Message error>
<MessageTitle>Ooops!</MessageTitle>
<MessageDescription>
An error occurred while loading your instance firewall rules
</MessageDescription>
</Message>
2017-10-04 20:27:55 +03:00
) : null;
return (
<ViewContainer center={Boolean(_loading)} main>
{_loading}
{_error}
{_firewall}
</ViewContainer>
);
};
Firewall.propTypes = {
loading: PropTypes.bool
};
export default compose(
graphql(GetFirewallRules, {
options: ({ match }) => ({
pollInterval: 1000,
variables: {
name: get(match, 'params.instance')
}
}),
props: ({ data: { loading, error, variables, ...rest } }) => {
const machine = find(get(rest, 'machines', []), ['name', variables.name]);
// eslint-disable-next-line camelcase
const firewallEnabled = get(machine, 'firewall_enabled', false);
const firewallRules = get(machine, 'firewall_rules', []);
// eslint-disable-next-line camelcase
return { firewallEnabled, firewallRules, loading, error };
}
})
)(Firewall);