Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
53 lines (45 sloc) 1.59 KB
// Copyright 2019 Stanford University see LICENSE for license
import React from 'react'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import Modal from 'react-bootstrap/lib/Modal'
import Row from 'react-bootstrap/lib/Row'
import Col from 'react-bootstrap/lib/Col'
import PropTypes from 'prop-types'
import GraphBuilder from 'GraphBuilder'
import { showRdfPreview } from 'actions/index'
import SaveAndPublishButton from './SaveAndPublishButton'
const RDFModal = (props) => {
if (! {
return null
return (<div>
<Modal show={true} bsSize="lg" onHide={() => props.showRdfPreview(false)}>
<Modal.Header closeButton>
RDF Preview
<Modal.Body bsClass={'rdf-modal-content'}>
<Row style={{ marginLeft: '0', marginRight: '0' }}>
<Col sm={6}>If this looks good, then click Save and Publish</Col>
<Col style={{ textAlign: 'right' }}>
<SaveAndPublishButton id="modal-save" />
<pre style={{ marginTop: '10px' }}>{ props.rdf() }</pre>
RDFModal.propTypes = {
show: PropTypes.bool,
showRdfPreview: PropTypes.func,
rdf: PropTypes.func,
const mapStateToProps = state => ({
rdf: () => new GraphBuilder(state.selectorReducer).graph.toCanonical(),
const mapDispatchToProps = dispatch => bindActionCreators({ showRdfPreview }, dispatch)
export default connect(mapStateToProps, mapDispatchToProps)(RDFModal)
You can’t perform that action at this time.