Revert "fix(colors): fix colors and add ref"

This reverts commit 8f19b44.
blockchain · Apr 20, 2020 · cac46c3 · cac46c3
1 parent 8f19b44
commit cac46c3
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 24 deletions.
diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/Register/SignupForm/index.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/Register/SignupForm/index.tsx
@@ -74,13 +74,7 @@ const validStrongPassword = value =>
         />
       )
 
-const SignupForm = ({
-  forwardedRef,
-  handleSubmit,
-  password,
-  passwordLength,
-  showForm
-}) => {
+const SignupForm = ({ handleSubmit, password, passwordLength, showForm }) => {
   // @ts-ignore
   let passwordScore = has('zxcvbn', window) ? window.zxcvbn(password).score : 0
   return (
@@ -109,7 +103,6 @@ const SignupForm = ({
             data-e2e='signupEmail'
             disabled={!isSupportedBrowser}
             name='email'
-            ref={forwardedRef}
             validate={[required, validEmail]}
           />
         </FormItem>

diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/Register/index.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/Register/index.tsx
@@ -12,23 +12,13 @@ class RegisterContainer extends React.PureComponent<PropsType, StateType> {
     showForm: false
   }
 
-  inputRef = React.createRef<HTMLInputElement>()
-
   onSubmit = () => {
     const { authActions, email, password, language } = this.props
     authActions.register(email, password, language)
   }
 
   toggleForm = () => {
     this.setState({ showForm: true })
-    if (this.inputRef) {
-      // this.inputRef.current.focus()
-      // debugger
-    }
-  }
-
-  getInputRef = input => {
-    if (input) this.inputRef = input
   }
 
   render () {
@@ -45,7 +35,6 @@ class RegisterContainer extends React.PureComponent<PropsType, StateType> {
     return (
       <Register
         busy={busy}
-        forwardedRef={this.inputRef}
         onSubmit={this.onSubmit}
         password={password}
         passwordLength={passwordLength}

diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/Register/template.tsx b/packages/blockchain-wallet-v4-frontend/src/scenes/Register/template.tsx
@@ -14,7 +14,7 @@ import { LinkContainer } from 'react-router-bootstrap'
 import Header from './Header'
 import LinkExchangeAccount from './LinkExchangeAccount'
 import media from 'services/ResponsiveService'
-import React, { RefObject } from 'react'
+import React from 'react'
 import SignupForm from './SignupForm'
 import styled, { DefaultTheme } from 'styled-components'
 
@@ -133,7 +133,7 @@ const ExchangeButton = styled(Button)`
   border: none;
 
   &:hover {
-    background-color: ${props => props.theme.black};
+    background-color: ${props => props.theme.grey900};
   }
 `
 
@@ -183,7 +183,6 @@ const Bottom = styled.div`
 
 const Register = ({
   busy,
-  forwardedRef,
   goals,
   handleSubmit,
   invalid,
@@ -270,7 +269,6 @@ const Register = ({
             </CardInfo>
 
             <SignupForm
-              forwardedRef={forwardedRef}
               handleSubmit={handleSubmit}
               password={password}
               passwordLength={passwordLength}
@@ -439,7 +437,6 @@ const Register = ({
 type Props = {
   busy: boolean
   email: string
-  forwardedRef: RefObject<HTMLInputElement>
   goals: Array<{ data: any; id: string; name: GoalsType }>
   language: string
   password: string