make the back button its own function

1 files changed, 22 insertions, 21 deletions

diff --git a/ui/app/app.js b/ui/app/app.js
index 6dbfbb86b..70a6fcd64 100644
--- a/ui/app/app.js
+++ b/ui/app/app.js
@@ -300,28 +300,29 @@ App.prototype.renderDropdown = function () {
     }),
   ])
 }
+App.prototype.renderBackButton = function (style, justArrow = false) {
+  var props = this.props
+  return (
+    h('.flex-row', {
+      key: 'leftArrow',
+      transForward: false,
+      style: style,
+      onClick: () => props.dispatch(actions.goBackToInitView()),
+    }, [
+      h('i.fa.fa-arrow-left.cursor-pointer'),
+      justArrow ? null : h('div.cursor-pointer', {
+        style: {
+          marginLeft: '3px',
+        },
+        onClick: () => props.dispatch(actions.goBackToInitView()),
+      }, 'BACK'),
+    ])
+  )
 
+}
 App.prototype.renderBackToInitButton = function () {
   var props = this.props
   var button = null
-  var backButton = function (style, justArrow = false) {
-    return (
-      h('.flex-row', {
-        key: 'leftArrow',
-        transForward: false,
-        style: style,
-        onClick: () => props.dispatch(actions.goBackToInitView()),
-      }, [
-        h('i.fa.fa-arrow-left.cursor-pointer'),
-        justArrow ? null : h('div.cursor-pointer', {
-          style: {
-            marginLeft: '3px',
-          },
-          onClick: () => props.dispatch(actions.goBackToInitView()),
-        }, 'BACK'),
-      ])
-    )
-  }
   if (!props.isUnlocked) {
     if (props.currentView.name === 'InitMenu') {
       button = props.forgottenPassword ? h('.flex-row', {
@@ -357,7 +358,7 @@ App.prototype.renderBackToInitButton = function () {
             fontFamily: 'Montserrat Bold',
             color: 'rgb(174, 174, 174)',
           }
-          return backButton(style, true)
+          return this.renderBackButton(style, true)
         case 'restoreVault':
           style = {
             position: 'absolute',
@@ -367,7 +368,7 @@ App.prototype.renderBackToInitButton = function () {
             fontFamily: 'Montserrat Bold',
             color: 'rgb(174, 174, 174)',
           }
-          return backButton(style, true)
+          return this.renderBackButton(style, true)
         default:
           style = {
             position: 'absolute',
@@ -379,7 +380,7 @@ App.prototype.renderBackToInitButton = function () {
             width: '71.969px',
             alignItems: 'flex-end',
           }
-          return backButton(style)
+          return this.renderBackButton(style)
       }
     }
   }