From 7271c3df6674278917248a01821d5f434b7c0d6c Mon Sep 17 00:00:00 2001
From: Eduardo Moroni <eduardomoroni@gmail.com>
Date: Tue, 3 Oct 2017 10:47:18 -0300
Subject: [PATCH] feat: add feedback screen

---
 src/modules/settings/components/Feedback.js      | 11 +++++++++++
 src/modules/settings/components/Settings.js      | 16 +++++++++++++++-
 .../settings/containers/SettingsContainer.js     |  8 ++++++++
 src/navigation/Screens.js                        |  6 ++++++
 4 files changed, 40 insertions(+), 1 deletion(-)
 create mode 100644 src/modules/settings/components/Feedback.js

diff --git a/src/modules/settings/components/Feedback.js b/src/modules/settings/components/Feedback.js
new file mode 100644
index 0000000..afe2bb5
--- /dev/null
+++ b/src/modules/settings/components/Feedback.js
@@ -0,0 +1,11 @@
+import React from 'react'
+import { WebView } from 'react-native'
+
+export const Feedback = () => {
+  return (
+    <WebView
+      source={{uri: 'https://goo.gl/forms/TKrnuxGW9MclpIBD2'}}
+      style={{flex: 1}}
+    />
+  )
+}
diff --git a/src/modules/settings/components/Settings.js b/src/modules/settings/components/Settings.js
index 1c962a4..1dd2c6a 100644
--- a/src/modules/settings/components/Settings.js
+++ b/src/modules/settings/components/Settings.js
@@ -14,7 +14,8 @@ export class Settings extends React.Component {
     openProfile: PropTypes.func.isRequired,
     resetPassword: PropTypes.func.isRequired,
     logOut: PropTypes.func.isRequired,
-    eraseUserData: PropTypes.func.isRequired
+    eraseUserData: PropTypes.func.isRequired,
+    openFeedback: PropTypes.func.isRequired
   }
 
   render () {
@@ -62,6 +63,19 @@ export class Settings extends React.Component {
             </TouchableOpacity>
           </View>
         </View>
+        <View style={styles.section}>
+          <View style={[styles.row, styles.heading]}>
+            <RkText rkType='primary header6'>Feedback</RkText>
+          </View>
+          <View style={styles.row}>
+            <TouchableOpacity
+              style={styles.rowButton}
+              onPress={() => this.props.openFeedback()}
+            >
+              <RkText rkType='header6'>Send us a feedback</RkText>
+            </TouchableOpacity>
+          </View>
+        </View>
       </ScrollView>
     )
   }
diff --git a/src/modules/settings/containers/SettingsContainer.js b/src/modules/settings/containers/SettingsContainer.js
index 2835b0c..294651b 100644
--- a/src/modules/settings/containers/SettingsContainer.js
+++ b/src/modules/settings/containers/SettingsContainer.js
@@ -20,6 +20,13 @@ class SettingsContainer extends Component {
     })
   }
 
+  pushFeedbackScreen = () => {
+    this.props.navigator.push({
+      screen: screens.feedback.id,
+      title: screens.feedback.title
+    })
+  }
+
   eraseUserData = () => {
     destructiveAlert(
       'If you confirm all your personal data will be erased from outr system,',
@@ -47,6 +54,7 @@ class SettingsContainer extends Component {
         eraseUserData={this.eraseUserData}
         logOut={this.logOutUser}
         resetPassword={this.resetPassword}
+        openFeedback={this.pushFeedbackScreen}
       />
     )
   }
diff --git a/src/navigation/Screens.js b/src/navigation/Screens.js
index dd6a917..f1c71fa 100644
--- a/src/navigation/Screens.js
+++ b/src/navigation/Screens.js
@@ -8,6 +8,7 @@ import YourRideOfferList from '../modules/rideOffer/containers/YourRideOffersScr
 import YourRideRequestsScreen from '../modules/rideRequest/containers/YourRideRequestsScreen'
 import SignInScreen from '../modules/authentication/containers/SignInScreen'
 import Settings from '../modules/settings/containers/SettingsContainer'
+import { Feedback } from '../modules/settings/components/Feedback'
 
 export const screens = {
   signIn: {
@@ -61,5 +62,10 @@ export const screens = {
     id: 'settings.profile',
     component: ProfileScreen,
     title: 'Profile'
+  },
+  feedback: {
+    id: 'settings.feeback',
+    title: 'Feedback',
+    component: Feedback
   }
 }