diff --git a/apps/remix-ide/src/app.js b/apps/remix-ide/src/app.js index e814a998c1..970837c9f3 100644 --- a/apps/remix-ide/src/app.js +++ b/apps/remix-ide/src/app.js @@ -130,8 +130,8 @@ class AppComponent { 'remix.ethereum.org': 23, '6fd22d6fe5549ad4c4d8fd3ca0b7816b.mod': 35 // remix desktop } - this.showMatamo = matomoDomains[window.location.hostname] && !Registry.getInstance().get('config').api.exists('settings/matomo-analytics') - this.showEnter = this.showMatamo && !localStorage.getItem('hadUsageTypeAsked') + this.showMatamo = true /*matomoDomains[window.location.hostname]*/ && !Registry.getInstance().get('config').api.exists('settings/matomo-analytics') + this.showEnter = !this.showMatamo && !localStorage.getItem('hadUsageTypeAsked') this.walkthroughService = new WalkthroughService(appManager, !this.showMatamo || !this.showEnter) diff --git a/apps/remix-ide/src/walkthroughService.js b/apps/remix-ide/src/walkthroughService.js index f54d0e28ce..88f879d442 100644 --- a/apps/remix-ide/src/walkthroughService.js +++ b/apps/remix-ide/src/walkthroughService.js @@ -49,7 +49,7 @@ export class WalkthroughService extends Plugin { { element: document.querySelector('#udappRecorderSave'), title: 'Transactions Recorder', - intro: 'Once there is a Once one or a few transactions have been executed from Remix, click this button to save these transactions as a scenario file.', + intro: 'Once there is a one or a few transactions have been executed from Remix, click this button to save these transactions as a scenario file.', tooltipClass: 'bg-light text-dark', position: 'right', highlightClass: 'bg-light border border-warning' @@ -89,21 +89,24 @@ export class WalkthroughService extends Plugin { intro: 'Click to launch the Home tab that contains links, tips, and shortcuts..', element: document.querySelector('#verticalIconsHomeIcon'), tooltipClass: 'bg-light text-dark', - position: 'right' + position: 'right', + highlightClass: 'bg-light border border-warning' }, { element: document.querySelector('#verticalIconsKindsolidity'), title: 'Solidity Compiler', intro: 'Having selected a .sol file in the File Explorer (the icon above), compile it with the Solidity Compiler.', tooltipClass: 'bg-light text-dark', - position: 'right' + position: 'right', + highlightClass: 'bg-light border border-warning' }, { title: 'Deploy your contract', element: document.querySelector('#verticalIconsKindudapp'), intro: 'Choose a chain, deploy a contract and play with your functions.', tooltipClass: 'bg-light text-dark', - position: 'right' + position: 'right', + highlightClass: 'bg-light border border-warning' } ] }).onafterchange((targetElement) => { diff --git a/libs/remix-ui/app/src/lib/remix-app/components/modals/enter.tsx b/libs/remix-ui/app/src/lib/remix-app/components/modals/enter.tsx index 30903ccc3c..540b2f228c 100644 --- a/libs/remix-ui/app/src/lib/remix-app/components/modals/enter.tsx +++ b/libs/remix-ui/app/src/lib/remix-app/components/modals/enter.tsx @@ -4,7 +4,7 @@ import {UsageTypes} from '../../types' import { type } from 'os' interface EnterDialogProps { - hide: boolean, + show: boolean, handleUserChoice: (userChoice: UsageTypes) => void, } @@ -13,14 +13,16 @@ const EnterDialog = (props: EnterDialogProps) => { const {showEnter} = useContext(AppContext) useEffect(() => { - setVisibility(!props.hide) - }, [props.hide]) + setVisibility(props.show) + console.log("useeff vis in enter", props.show, " showEnter ", showEnter) + }, [props.show]) const enterAs = async (uType) => { props.handleUserChoice(uType) } const modalClass = (visibility && showEnter) ? "d-flex" : "d-none" + console.log("enterDialog class ", modalClass) return (