Merge pull request #485 from HardeepAsrani/development

Fix notice typo

Author: contactashish13

classes/Visualizer/Gutenberg/Block.php

@@ -95,7 +95,7 @@ public function enqueue_gutenberg_scripts() {
 			'proTeaser' => Visualizer_Plugin::PRO_TEASER_URL,
 			'absurl'    => VISUALIZER_ABSURL,
 			'charts'    => Visualizer_Module_Admin::_getChartTypesLocalized(),
-			'adminPage' => menu_page_url( 'visualiezr', false ),
+			'adminPage' => menu_page_url( 'visualizer', false ),
 		);
 		wp_localize_script( 'visualizer-gutenberg-block', 'visualizerLocalize', $translation_array );
 

classes/Visualizer/Gutenberg/build/block.js

@@ -24,6 +24,8 @@ const {
 const {
 	Button,
 	Dashicon,
+	ExternalLink,
+	Notice,
 	Placeholder,
 	Spinner
 } = wp.components;
@@ -73,6 +75,16 @@ class Charts extends Component {
 
 		return (
 			<div className="visualizer-settings__charts">
+				<Notice
+					status="warning"
+					isDismissible={ false }
+				>
+					{ __( 'ChartJS charts are currently not available for selection here, you must visit the library, get the shortcode, and add the chart here in a shortcode tag.' ) }
+
+					<ExternalLink href={ visualizerLocalize.adminPage }>
+						{ __( 'Click here to visit Visualizer Charts Library.' ) }
+					</ExternalLink>
+				</Notice>
 
 				{
 					( null !== charts ) ?

classes/Visualizer/Gutenberg/src/Components/Charts.js

@@ -31,8 +31,7 @@ const {
 	ButtonGroup,
 	Dashicon,
 	Placeholder,
-	Spinner,
-	Notice
+	Spinner
 } = wp.components;
 
 class Editor extends Component {
@@ -354,14 +353,6 @@ class Editor extends Component {
 
 				{ 'home' === this.state.route && (
 					<div className="visualizer-settings__content">
-
-						<Notice
-							status="warning"
-							isDismissible={ false }
-						>
-							{ __( 'ChartsJS charts are currently not a avialable to select form the block. You can find them on Visualizer admin page.' ) }
-						</Notice>
-
 						<div className="visualizer-settings__content-description">
 							{ __( 'Make a new chart or display an existing one?' ) }
 						</div>