import React from 'react'; import ReactJson from 'react-json-view'; import PropTypes from 'prop-types'; import { compose, graphql } from 'react-apollo'; import find from 'lodash.find'; import get from 'lodash.get'; import { ViewContainer, Title, StatusLoader, Message, MessageDescription, MessageTitle } from 'joyent-ui-toolkit'; import ListDNS from '@graphql/list-dns.gql'; const DNS = ({ instance, loading, error }) => { const { name, dns_names } = instance || {}; const _title = DNS; const _loading = loading && !name && !dns_names && ; const _summary = !_loading && instance && ; const _error = error && !_loading && !instance && ( Ooops! An error occurred while loading your instance DNS ); return ( {_title} {_loading} {_error} {_summary} ); }; DNS.propTypes = { loading: PropTypes.bool }; export default compose( graphql(ListDNS, { options: ({ match }) => ({ variables: { name: get(match, 'params.instance') } }), props: ({ data: { loading, error, variables, ...rest } }) => ({ instance: find(get(rest, 'machines', []), ['name', variables.name]), loading, error }) }) )(DNS);