Merge pull request #84 from CaronaBoard/feedbackScreen

feat: add feedback screen

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}}
+    />
+  )
+}

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>
     )
   }

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}
       />
     )
   }

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
   }
 }