AccountModule: update "provider" copy to move towards wallets and acc…

…ounts (#358)
aragon · Jul 3, 2020 · 35e37e6 · 35e37e6 · vercel · Jul 3, 2020
1 parent 432ee7d
commit 35e37e6
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/src/components/Account/AccountModule.js b/src/components/Account/AccountModule.js
@@ -13,25 +13,25 @@ import ScreenProviders from './ScreenProviders'
 const SCREENS = [
   {
     id: 'providers',
-    title: 'Ethereum providers',
+    title: 'Use account from',
     height:
       4 * GU + // header
       (12 + 1.5) * GU * Math.ceil(getUseWalletProviders().length / 2) + // buttons
       7 * GU, // footer
   },
   {
     id: 'connecting',
-    title: 'Ethereum providers',
+    title: 'Use account from',
     height: 38 * GU,
   },
   {
     id: 'connected',
-    title: 'Active wallet',
+    title: 'Active account',
     height: 22 * GU,
   },
   {
     id: 'error',
-    title: 'Ethereum providers',
+    title: 'Connection error',
     height: 50 * GU,
   },
 ]

diff --git a/src/components/Account/ScreenProviders.js b/src/components/Account/ScreenProviders.js
@@ -45,7 +45,7 @@ function ScreenProviders({ onActivate }) {
         `}
       >
         <Link href="https://ethereum.org/wallets/" css="text-decoration: none">
-          What is an Ethereum provider?
+          Don’t have an Ethereum account?
         </Link>
       </div>
     </div>

diff --git a/src/components/Onboarding/Navigation.js b/src/components/Onboarding/Navigation.js
@@ -8,6 +8,7 @@ const buttonTransitionStyles = show => ({
   opacity: Number(show),
   transform: `translate3d(0, ${show ? 0 : 2}px, 0)`,
   config: springs.swift,
+  pointerEvents: show ? 'auto' : 'none',
 })
 
 const Navigation = ({ step, steps, onPrev, onNext }) => {

diff --git a/src/components/Onboarding/OnboardingModal.js b/src/components/Onboarding/OnboardingModal.js
@@ -34,6 +34,7 @@ const OnboardingModal = React.memo(function OnboardingModal({
         const compactMode = width < 500 || height < 400
         return (
           <Modal
+            closeButton={false}
             padding={0}
             width={Math.min(1055, width - 40)}
             visible={visible}