/** * Show BGP attributes as a modal dialog * * @author Matthias Hannig */ import React from 'react' import {connect} from 'react-redux' import Modal, {Header, Body, Footer} from 'components/modals/modal' import BgpCommunitiyLabel from 'components/routeservers/communities/label' import {hideBgpAttributesModal} from './bgp-attributes-modal-actions' class BgpAttributesModal extends React.Component { closeModal() { this.props.dispatch( hideBgpAttributesModal() ); } render() { let attrs = this.props.bgpAttributes; if (!attrs.bgp) { return null; } const communities = attrs.bgp.communities; const extCommunities = attrs.bgp.ext_communities; const largeCommunities = attrs.bgp.large_communities; return ( this.closeModal()}>
this.closeModal()}>

BGP Attributes for Network:

{attrs.network}

{attrs.bgp && attrs.bgp.as_path && } {communities.length > 0 && } {extCommunities.length > 0 && } {largeCommunities.length > 0 && }
Origin:{attrs.bgp.origin}
Local Pref:{attrs.bgp.local_pref}
Next Hop:{attrs.bgp.next_hop}
MED {attrs.bgp.med}
AS Path:{attrs.bgp.as_path.join(' ')}
Communities: {communities.map((c) => )}
Ext. Communities: {extCommunities.map((c) => )}
Large Communities: {largeCommunities.map((c) => )}
); } } export default connect( (state) => { return { show: state.modals.bgpAttributes.show, bgpAttributes: state.modals.bgpAttributes.bgpAttributes } } )(BgpAttributesModal);