All files / javascripts/explore/components DisplayQueryButton.jsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
1x
1x
 
1x
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
1x
 
import React, { PropTypes } from 'react';
import ModalTrigger from './../../components/ModalTrigger';
 
const propTypes = {
  query: PropTypes.string,
};
 
const defaultProps = {
  query: '',
};
 
export default function DisplayQueryButton({ query }) {
  const modalBody = (<pre>{query}</pre>);
  return (
    <ModalTrigger
      isButton
      triggerNode={<span>Query</span>}
      modalTitle="Query"
      modalBody={modalBody}
    />
  );
}
 
DisplayQueryButton.propTypes = propTypes;
DisplayQueryButton.defaultProps = defaultProps;