[react-javascript] Import charting_library.min instead of using from …

…global
tradingview · Aug 7, 2018 · a5a5e3f · a5a5e3f
1 parent e692c7c
commit a5a5e3f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/react-javascript/public/index.html b/react-javascript/public/index.html
@@ -2,7 +2,6 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8">		
-		<script src="%PUBLIC_URL%/charting_library/charting_library.min.js"></script>
 		<script src="%PUBLIC_URL%/datafeeds/udf/dist/polyfills.js"></script>
 		<script src="%PUBLIC_URL%/datafeeds/udf/dist/bundle.js"></script>		
 		<title>Charting Library React Demo</title>

diff --git a/react-javascript/src/components/TVChartContainer/index.jsx b/react-javascript/src/components/TVChartContainer/index.jsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import './index.css';
+import { widget } from '../../charting_library/charting_library.min';
 
 function getLanguageFromURL() {
 	const regex = new RegExp('[\\?&]lang=([^&#]*)');
@@ -44,13 +45,13 @@ export class TVChartContainer extends React.PureComponent {
 			studies_overrides: this.props.studiesOverrides,
 		};
 
-		const widget = new window.TradingView.widget(widgetOptions);
+		const tvWidget = new widget(widgetOptions);
 
-		widget.onChartReady(() => {
-			const button = widget.createButton()
+		tvWidget.onChartReady(() => {
+			const button = tvWidget.createButton()
 				.attr('title', 'Click to show a notification popup')
 				.addClass('apply-common-tooltip')
-				.on('click', () => widget.showNoticeDialog({
+				.on('click', () => tvWidget.showNoticeDialog({
 					title: 'Notification',
 					body: 'TradingView Charting Library API works correctly',
 					callback: () => {