Merge pull request #370 from paritytech/luke-misc-thibaut

Change Cancel to Back button. Password field autofocus on Unlock component

Author: Tbaut

packages/fether-react/src/Accounts/CreateAccount/AccountCopyPhrase/AccountCopyPhrase.js

@@ -57,7 +57,7 @@ class AccountCopyPhrase extends Component {
             <nav className='form-nav -space-around'>
               {currentStep > 1 && (
                 <button
-                  className='button -cancel'
+                  className='button -back'
                   onClick={history.goBack}
                   type='button'
                 >

packages/fether-react/src/Accounts/CreateAccount/AccountImportOptions/AccountImportOptions.js

@@ -213,7 +213,7 @@ class AccountImportOptions extends Component {
         <p>{error}</p>
         <nav className='form-nav -space-around'>
           {currentStep > 1 && (
-            <button className='button -cancel' onClick={history.goBack}>
+            <button className='button -back' onClick={history.goBack}>
               Back
             </button>
           )}

packages/fether-react/src/Accounts/CreateAccount/AccountName/AccountName.js

@@ -97,7 +97,7 @@ class AccountName extends Component {
             )}
           </div>
           <div className='account_change_blockies'>
-            <button className='button -cancel' onClick={generateNewAccount}>
+            <button className='button -back' onClick={generateNewAccount}>
               Generate another icon
             </button>
           </div>
@@ -132,7 +132,7 @@ class AccountName extends Component {
         <nav className='form-nav -space-around'>
           {currentStep > 1 && (
             <button
-              className='button -cancel'
+              className='button -back'
               onClick={history.goBack}
               type='button'
             >

packages/fether-react/src/Accounts/CreateAccount/AccountPassword/AccountPassword.js

@@ -107,7 +107,7 @@ class AccountPassword extends Component {
             <nav className='form-nav -space-around'>
               {currentStep > 1 && (
                 <button
-                  className='button -cancel'
+                  className='button -back'
                   onClick={history.goBack}
                   type='button'
                 >

packages/fether-react/src/Accounts/CreateAccount/AccountRewritePhrase/AccountRewritePhrase.js

@@ -72,7 +72,7 @@ class AccountRewritePhrase extends Component {
         <nav className='form-nav -space-around'>
           {currentStep > 1 && (
             <button
-              className='button -cancel'
+              className='button -back'
               onClick={history.goBack}
               type='button'
             >

packages/fether-react/src/BackupAccount/BackupAccount.js

@@ -94,7 +94,7 @@ class BackupAccount extends Component {
 
             <nav className='form-nav -space-around'>
               <button
-                className='button -cancel'
+                className='button -back'
                 onClick={history.goBack}
                 type='button'
               >

packages/fether-react/src/Send/ScanSignedTx/ScanSignedTx.js

@@ -83,7 +83,7 @@ class ScanSignedTx extends Component {
 
                 <nav className='form-nav -space-around'>
                   <button
-                    className='button -cancel'
+                    className='button -back'
                     onClick={history.goBack}
                     type='button'
                   >

packages/fether-react/src/Send/TxQrCode/TxQrCode.js

@@ -70,7 +70,7 @@ class TxQrCode extends Component {
                 />
                 <nav className='form-nav -space-around'>
                   <button
-                    className='button -cancel'
+                    className='button -back'
                     onClick={history.goBack}
                     type='button'
                   >

packages/fether-react/src/Send/Unlock/Unlock.js

@@ -95,6 +95,7 @@ class Unlock extends Component {
                         </div>
 
                         <Field
+                          autoFocus
                           label='Password'
                           name='password'
                           render={FetherForm.Field}
@@ -104,11 +105,11 @@ class Unlock extends Component {
 
                         <nav className='form-nav -binary'>
                           <button
-                            className='button -cancel'
+                            className='button -back'
                             onClick={history.goBack}
                             type='button'
                           >
-                            Cancel
+                            Back
                           </button>
 
                           <button

packages/fether-react/src/assets/sass/shared/_button.scss

@@ -101,7 +101,7 @@
     }
   }
 
-  &.-cancel {
+  &.-back {
     font-size: ms(-2);
     border-width: 0;
     background-color: $faint;