From a5985aa366f609b712ff76bc02a4ecc1fa0d5a84 Mon Sep 17 00:00:00 2001
From: Nikolai R Kristiansen <nikolaik@gmail.com>
Date: Wed, 9 Aug 2017 13:30:06 +0200
Subject: [PATCH] Style Membership and add forgot password

---
 env-example                          |  3 +-
 src/modules/login/Login.js           | 23 ++++++++++++----
 src/modules/membership/Membership.js | 41 ++++++++++++++++++++--------
 3 files changed, 49 insertions(+), 18 deletions(-)

diff --git a/env-example b/env-example
index 7cecd90..9ea043a 100644
--- a/env-example
+++ b/env-example
@@ -1,3 +1,4 @@
 EVENT_API_URL=https://studentersamfundet.no
 DUSKEN_API_URL=https://galtinn.neuf.no
-DUSKEN_PURCHASE_URL=https://galtinn.neuf.no/?utm_source=purchase-button&utm_medium=app
\ No newline at end of file
+DUSKEN_PURCHASE_URL=https://galtinn.neuf.no/?utm_source=purchase-button&utm_medium=app
+DUSKEN_FORGOT_PASSWORD_URL=https://galtinn.neuf.no/auth/password_reset/
\ No newline at end of file
diff --git a/src/modules/login/Login.js b/src/modules/login/Login.js
index 0d04b20..4e44729 100644
--- a/src/modules/login/Login.js
+++ b/src/modules/login/Login.js
@@ -1,7 +1,8 @@
 import React, {Component} from 'react';
-import {StyleSheet, View} from 'react-native';
-import {Body, Card, CardItem, Container, Header, Content, Form, Item, Input, Label, Spinner, Button, Text as NBText,
+import {Linking, StyleSheet, View} from 'react-native';
+import {Body, Card, CardItem, Container, Header, Content, Form, Item, Input, Label, Spinner, Button, Text,
     Icon} from 'native-base';
+import Config from 'react-native-config';
 
 export default class Login extends Component {
     constructor(props) {
@@ -83,8 +84,13 @@ export default class Login extends Component {
                             <CardItem>
                                 <Body>
                                     <Button full onPress={this.onLoginPress} style={styles.loginButton}>
-                                        <NBText>Logg inn</NBText>
+                                        <Text>Logg inn</Text>
                                     </Button>
+                                    <Button
+                                        small
+                                        light
+                                        onPress={() => { Linking.openURL(Config.DUSKEN_FORGOT_PASSWORD_URL); } }
+                                        style={styles.forgotPasswordButton}><Text>Glemt passord?</Text></Button>
                                 </Body>
                             </CardItem>
                             {this.showSpinner()}
@@ -100,7 +106,7 @@ export default class Login extends Component {
             const err = this.props.loginError.non_field_errors;
             let errorFormatted = err ? err[0] : 'Feil brukernavn eller passord, prøv igjen...';
             // TODO: Format these and highlight error fields
-            return <View style={styles.errorBox}><NBText style={styles.errorMessage}>{errorFormatted}</NBText></View>
+            return <View style={styles.errorBox}><Text style={styles.errorMessage}>{errorFormatted}</Text></View>
         }
         else {
             return <View style={styles.errorBox}/>
@@ -138,10 +144,15 @@ const styles = StyleSheet.create({
         height: 52,
     },
     loginButton: {
-        marginVertical: 16,
+        marginBottom: 16,
+    },
+    forgotPasswordButton: {
+        alignSelf: 'center',
+        marginTop: 32,
+        marginBottom: 16,
     },
     errorBox: {
-        marginVertical: 16,
+        marginVertical: 10,
     },
     errorMessage: {
         textAlign: 'center',
diff --git a/src/modules/membership/Membership.js b/src/modules/membership/Membership.js
index a0bd8c0..938f02f 100644
--- a/src/modules/membership/Membership.js
+++ b/src/modules/membership/Membership.js
@@ -8,23 +8,22 @@ export default class Membership extends Component {
         return (
             <ScrollView>
                 <View style={styles.card}>
+                    <Text style={styles.headerTitle}>Hei 👋</Text>
+                    <Text style={styles.paragraph}>Her kan du bli medlem i Det Norske Studentersamfund - Chateau Neuf og ha medlemsbeviset ditt på telefonen</Text>
                     <View style={styles.button}>
-                        <Button onPress={this.onLoginPress} full><NBText>Logg inn</NBText></Button>
+                        <Button onPress={() => { Linking.openURL(Config.DUSKEN_PURCHASE_URL); } } full><NBText>Bli medlem</NBText></Button>
                     </View>
-
-                    <Text style={styles.paragraph}>Siden 1813 har Det Norske Studentersamfund samlet studenter til kulturell, politisk, faglig og ikke minst sosial aktivitet. Som medlem i DNS er du med på å understreke viktigheten til en felles møteplass for alle Oslos studenter, uavhengig av utdanningsinstitusjon, studie og hvem de er.</Text>
-                    <Text style={styles.paragraph}>Vi setter pris på felleskapet som er med på å bygge Chateau Neuf. DNS er en organisasjon av og for medlemmene. Derfor sørger vi for at det blir litt lettere å være student ved å ta en del av kaka for medlemmene våre. Med medlemskap får billigere inngang og servering på alt som skjer på Chateau Neuf.</Text>
-
-                    <View style={styles.button}>
-                        <Button onPress={() => { Linking.openURL(Config.DUSKEN_PURCHASE_URL); } } full><NBText>Kjøp medlemskap</NBText></Button>
-                    </View>
-
-                    <Text style={styles.paragraph}>Vi gir medlemmer:{"\n"}
+                    <Text style={styles.header}>Hva får jeg?</Text>
+                    <Text style={[styles.paragraph, {textAlign: 'left'}]}>
                         - Minst 25% rabatt på de fleste arrangement{"\n"}
                         - Gratis inngang på enkelte arrangement{"\n"}
                         - Store rabatter i barene{"\n"}
                         - Egne medlemsarrangement og -tilbud{"\n"}
                         - Mulighet til å delta i landets eldste studentdemokrati</Text>
+                    <Text style={styles.em}>Allerede medlem?</Text>
+                    <View style={styles.button}>
+                        <Button onPress={this.onLoginPress} full><NBText>Logg inn</NBText></Button>
+                    </View>
                 </View>
             </ScrollView>
         )
@@ -56,6 +55,7 @@ const styles = StyleSheet.create({
         backgroundColor: '#fff',
     },
     paragraph: {
+        textAlign: 'center',
         fontSize: 16,
         color: '#000',
         paddingBottom: 10,
@@ -64,5 +64,24 @@ const styles = StyleSheet.create({
     button: {
         marginTop: 6,
         marginBottom: 16,
-    }
+    },
+    em: {
+        fontSize: 16,
+        color: '#000',
+        fontStyle: 'italic',
+        textAlign: 'center',
+        marginVertical: 10,
+    },
+    headerTitle: {
+        textAlign: 'center',
+        fontSize: 20,
+        color: '#000',
+        paddingVertical: 10,
+        lineHeight: 25,
+    },
+    header: {
+        fontSize: 20,
+        color: '#000',
+        lineHeight: 25,
+    },
 });
\ No newline at end of file