← All changes | classes/Visualizer/Gutenberg/src/Components/Import/ManualData.js +21 -41 3.10.3 → 3.11.10 View file →

		@@ -35,61 +35,41 @@
35	35	}
36	36
37	37	render() {
38	38	return (
39		- ( 'community' !== visualizerLocalize.isPro ) ?
40		- <Fragment>
41		-
42		- <PanelBody
43		- title={ __( 'Manual Data' ) }
44		- initialOpen={ false }
45		- >
46		-
47		- <p>{ __( 'You can manually edit the chart data using a spreadsheet like editor.' ) }</p>
48		-
49		- <Button
50		- isPrimary
51		- isLarge
52		- isBusy={ this.state.isOpen }
53		- onClick={ this.toggleModal }
54		- >
55		- { __( 'View Editor' ) }
56		- </Button>
57		-
58		- </PanelBody>
59		-
60		- { this.state.isOpen && (
61		- <Modal
62		- title={ 'Chart Editor' }
63		- onRequestClose={ this.toggleModal }
64		- shouldCloseOnClickOutside={ false }
65		- >
66		- <ChartEditor
67		- chart={ this.props.chart }
68		- editChartData={ this.props.editChartData }
69		- toggleModal={ this.toggleModal }
70		- />
71		- </Modal>
72		- ) }
73		-
74		- </Fragment> :
	39	+ <Fragment>
75	40	<PanelBody
76	41	title={ __( 'Manual Data' ) }
77		- icon="lock"
78	42	initialOpen={ false }
79	43	>
80	44
81		- <p>{ __( 'Enable this feature in PRO version!' ) }</p>
	45	+ <p>{ __( 'You can manually edit the chart data using a spreadsheet like editor.' ) }</p>
82	46
83	47	<Button
84	48	isPrimary
85		- href={ visualizerLocalize.proTeaser }
86		- target="_blank"
	49	+ isLarge
	50	+ isBusy={ this.state.isOpen }
	51	+ onClick={ this.toggleModal }
87	52	>
88		- { __( 'Buy Now' ) }
	53	+ { __( 'View Editor' ) }
89	54	</Button>
90	55
91	56	</PanelBody>
	57	+
	58	+ { this.state.isOpen && (
	59	+ <Modal
	60	+ title={ 'Chart Editor' }
	61	+ onRequestClose={ this.toggleModal }
	62	+ shouldCloseOnClickOutside={ false }
	63	+ >
	64	+ <ChartEditor
	65	+ chart={ this.props.chart }
	66	+ editChartData={ this.props.editChartData }
	67	+ toggleModal={ this.toggleModal }
	68	+ />
	69	+ </Modal>
	70	+ ) }
	71	+ </Fragment>
92	72	);
93	73	}
94	74	}
95	75