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 (
{

Welcome to Remix IDE

-
- To load the project with the most efficient setup we would like to know your experience type. +
+ In order to understand your needs better, we would like to know how you typically use Remix
-
- - - - +
+ + + +
diff --git a/libs/remix-ui/app/src/lib/remix-app/components/modals/matomo.tsx b/libs/remix-ui/app/src/lib/remix-app/components/modals/matomo.tsx index b1fb029b77..59391d1e09 100644 --- a/libs/remix-ui/app/src/lib/remix-app/components/modals/matomo.tsx +++ b/libs/remix-ui/app/src/lib/remix-app/components/modals/matomo.tsx @@ -8,7 +8,12 @@ declare global { } const _paq = (window._paq = window._paq || []) -const MatomoDialog = (props) => { +interface MatomoDialogProps { + okFn: () => void, + hide: boolean +} + +const MatomoDialog = (props: MatomoDialogProps) => { const {settings, showMatamo, appManager} = useContext(AppContext) const {modal} = useDialogDispatchers() const [visible, setVisible] = useState(props.hide) @@ -68,6 +73,7 @@ const MatomoDialog = (props) => { _paq.push(['setConsentGiven']); settings.updateMatomoAnalyticsChoice(true) setVisible(false) + props.okFn() } return <> diff --git a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx index 317e505d8d..a5178cb160 100644 --- a/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx +++ b/libs/remix-ui/app/src/lib/remix-app/remix-app.tsx @@ -113,7 +113,7 @@ const RemixApp = (props: IRemixAppUi) => { _paq.push(['trackEvent', 'enterDialog', 'usageType', 'beginner']) break } - case UsageTypes.Tutor: { + case UsageTypes.Advance: { _paq.push(['trackEvent', 'enterDialog', 'usageType', 'tutor']) break } @@ -135,8 +135,8 @@ const RemixApp = (props: IRemixAppUi) => { - {setShowEnterDialog(true)}}> - handleUserChosenType(type)}> + {console.log("ok"); setShowEnterDialog(true)}}> + handleUserChosenType(type)}>
{props.app.menuicons.render()} diff --git a/libs/remix-ui/app/src/lib/remix-app/types/index.ts b/libs/remix-ui/app/src/lib/remix-app/types/index.ts index 0037fd6cb8..217d6ea5c0 100644 --- a/libs/remix-ui/app/src/lib/remix-app/types/index.ts +++ b/libs/remix-ui/app/src/lib/remix-app/types/index.ts @@ -10,7 +10,7 @@ export const enum ModalTypes { export const enum UsageTypes { Beginner = 1, - Tutor, Prototyper, - Production, + Advance, + Production } \ No newline at end of file