diff --git a/core/src/apiKeyUtils.js b/core/src/apiKeyUtils.js index 8349b36b..307ed6cb 100644 --- a/core/src/apiKeyUtils.js +++ b/core/src/apiKeyUtils.js @@ -35,6 +35,12 @@ export const checkApiKey = async (nodeConfig) => { else { console.log("API key test failed"); mykey.show(); + this.dispatchEvent( + new CustomEvent('disable-tour', { + bubbles: true, + composed: true + }), + ); } } diff --git a/core/src/components/beginner-tour/tour-component.js b/core/src/components/beginner-tour/tour-component.js index 9f331c9b..ac9ddb0f 100644 --- a/core/src/components/beginner-tour/tour-component.js +++ b/core/src/components/beginner-tour/tour-component.js @@ -17,6 +17,7 @@ class TourComponent extends connect(store)(LitElement) { getElements: { attribute: false }, dialogOpenedCongrats: { type: Boolean }, hasViewedTour: { type: Boolean }, + disableTour: {type: Boolean} }; } @@ -28,6 +29,8 @@ class TourComponent extends connect(store)(LitElement) { this.hasName = false; this.nodeUrl = this.getNodeUrl(); this.myNode = this.getMyNode(); + this._disableTour = this._disableTour.bind(this) + this.disableTour = false } static get styles() { @@ -139,12 +142,21 @@ class TourComponent extends connect(store)(LitElement) { this.dialogOpenedCongrats = true; } + _disableTour(){ + this.disableTour = true + driver.reset() + } + connectedCallback() { super.connectedCallback(); window.addEventListener( 'open-welcome-modal-sync', this._controlOpenWelcomeModal ); + window.addEventListener( + 'disable-tour', + this._disableTour + ); } disconnectedCallback() { @@ -152,7 +164,10 @@ class TourComponent extends connect(store)(LitElement) { 'open-welcome-modal-sync', this._controlOpenWelcomeModal ); - + window.addEventListener( + 'disable-tour', + this._disableTour + ); super.disconnectedCallback(); } @@ -216,7 +231,7 @@ class TourComponent extends connect(store)(LitElement) { res(); }, 1000); }); - if (!this.hasViewedTour) { + if (!this.hasViewedTour && this.disableTour !== true) { const elements = this.getElements(); let steps = [ {