From e16fc392984babd1255d8b8f7e59390230236f25 Mon Sep 17 00:00:00 2001
From: Sofiya Tepikin <sofiya.tepikin@gmail.com>
Date: Wed, 5 Dec 2018 22:20:28 +0100
Subject: [PATCH] Extracting SettingsButton component

---
 components/settings/password/create.js        | 22 +++---------------
 .../settings/password/settings-button.js      | 23 +++++++++++++++++++
 2 files changed, 26 insertions(+), 19 deletions(-)
 create mode 100644 components/settings/password/settings-button.js

diff --git a/components/settings/password/create.js b/components/settings/password/create.js
index 68b7b2d..e2e8517 100644
--- a/components/settings/password/create.js
+++ b/components/settings/password/create.js
@@ -1,8 +1,5 @@
 import React, { Component } from 'react'
-import {
-  View,
-  TouchableOpacity,
-} from 'react-native'
+import { View } from 'react-native'
 import nodejs from 'nodejs-mobile-react-native'
 import AppText from '../../app-text'
 import styles from '../../../styles'
@@ -10,22 +7,9 @@ import { settings } from '../../../i18n/en/settings'
 import { requestHash, changeEncryptionAndRestartApp } from '../../../db'
 import PasswordField from './password-field'
 import showBackUpReminder from './show-backup-reminder'
+import SettingsButton from './settings-button'
+
 
-const SettingsButton = ({ children, ...props }) => {
-  return (
-    <TouchableOpacity
-      style={[
-        styles.settingsButton,
-        props.disabled ? styles.settingsButtonDisabled : null
-      ]}
-      { ...props }
-    >
-      <AppText style={styles.settingsButtonText}>
-        {children}
-      </AppText>
-    </TouchableOpacity>
-  )
-}
 
 export default class CreatePassword extends Component {
   constructor() {
diff --git a/components/settings/password/settings-button.js b/components/settings/password/settings-button.js
new file mode 100644
index 0000000..3b29241
--- /dev/null
+++ b/components/settings/password/settings-button.js
@@ -0,0 +1,23 @@
+import React from 'react'
+
+import { TouchableOpacity } from 'react-native'
+import AppText from '../../app-text'
+import styles from '../../../styles'
+
+const SettingsButton = ({ children, ...props }) => {
+  return (
+    <TouchableOpacity
+      style={[
+        styles.settingsButton,
+        props.disabled ? styles.settingsButtonDisabled : null
+      ]}
+      { ...props }
+    >
+      <AppText style={styles.settingsButtonText}>
+        {children}
+      </AppText>
+    </TouchableOpacity>
+  )
+}
+
+export default SettingsButton
\ No newline at end of file