diff --git a/client/assets/styles/menu.less b/client/assets/styles/menu.less index 670a86be..ff035799 100644 --- a/client/assets/styles/menu.less +++ b/client/assets/styles/menu.less @@ -100,6 +100,12 @@ section { } } +.block-text { + letter-spacing: 0.25em; + text-transform: uppercase; + text-align: center; +} + .list { margin-bottom: 2em; diff --git a/client/src/components/front.page.jsx b/client/src/components/front.page.jsx index 32cf3e16..defc62e1 100644 --- a/client/src/components/front.page.jsx +++ b/client/src/components/front.page.jsx @@ -14,6 +14,7 @@ const addState = connect( const { ws, account, + tutorial, } = state; function sendInstancePractice() { @@ -21,6 +22,7 @@ const addState = connect( } return { + promptRegister: tutorial === 99, // see events account, sendInstancePractice, }; @@ -30,6 +32,7 @@ const addState = connect( function Play(args) { const { account, + promptRegister, sendInstancePractice, } = args; @@ -47,6 +50,17 @@ function Play(args) { ); const list = () => { + + if (promptRegister) { + return ( +
You just won your first round of MNML.
+Register below to play a real Bo5 against other players, play a practice round, customise your team & more...
+glhf
+