STABLE DEMO BUILD

skiser · Oct 2, 2019 · 2a9925c · 2a9925c
1 parent 874c4d5
commit 2a9925c
Show file tree

Hide file tree

Showing 4 changed files with 55 additions and 25 deletions.
diff --git a/Routinely/Navigation.js b/Routinely/Navigation.js
@@ -2,6 +2,7 @@ import {createAppContainer, createSwitchNavigator } from 'react-navigation';
 import LoginScreen from './app/components/login';
 import {createStackNavigator} from 'react-navigation-stack';
 import CalendarScreen from './app/components/calendar';
+import AlarmScreen from './app/components/alarm';
 
 const AuthStack = createStackNavigator(
     {
@@ -15,15 +16,17 @@ const AuthStack = createStackNavigator(
 
 const AppStack = createStackNavigator(
 {
-
+    Alarm: AlarmScreen,
     Calendar: CalendarScreen,
 },
 {
+    initialRouteName: "Alarm",
     initialRouteName: "Calendar",
     //aheaderMode: "none"
 }
 );
 
+
 export default createAppContainer(
     createSwitchNavigator(
       {

diff --git a/Routinely/app/components/alarm.js b/Routinely/app/components/alarm.js
@@ -0,0 +1,38 @@
+import React, { Component } from 'react';
+import { AppRegistry, Text, View, TextInput, StyleSheet, Button } from 'react-native';
+import DayPicker from './repeat/DayPicker';
+import RepeatDiv from './repeat/RepeatDiv';
+import SnoozeDuration from './repeat/SnoozeDuration';
+import TimePicker from './TimePicker';
+import {Divider} from 'react-native-elements';
+
+class AlarmScreen extends Component {
+  render() {
+    return (
+      <View>
+        <TimePicker/>
+        <RepeatDiv/>
+        <Divider/>
+        <DayPicker/>      
+        <Divider/>
+        <SnoozeDuration/>
+        <Divider/> 
+        <Button
+          title="Calendar"
+          onPress={() => this.props.navigation.navigate('Calendar')}
+        />
+         <Button
+          title="Logout"
+          onPress={() => this.props.navigation.navigate('Login')}
+        />
+      </View>
+
+    );
+  }
+} 
+
+const styles = StyleSheet.create({
+
+});
+
+export default AlarmScreen;
diff --git a/Routinely/app/components/calendar.js b/Routinely/app/components/calendar.js
@@ -185,9 +185,13 @@ class CalendarScreen extends Component {
           // sectionStyle={styles.section}
         />
         <Button
-          title="Login"
+          title="Logout"
           onPress={() => this.props.navigation.navigate('Login')}
         />
+        <Button
+          title="Alarm"
+          onPress={() => this.props.navigation.navigate('Alarm')}
+        />
       </CalendarProvider>
     );
   }

diff --git a/Routinely/app/components/login.js b/Routinely/app/components/login.js
@@ -12,33 +12,18 @@ class LoginScreen extends Component {
       <View>
         <Text
         style = {styles.login}>Login</Text>
-        <Text
-        style = {styles.email}
-        > Enter Email </Text>
-
-        <TextInput
-        style = {styles.emailIn}
-          placeholder = "Enter Valid Email"
-        />
-        <Text
-        style = {styles.password}
-        >
-        Enter Password </Text>
-        <TextInput
-          style = {styles.passIn}
-          placeholder = "Pa55w0rd"
-        />
+        <Text style = {styles.email}> Enter Email </Text>
+        <TextInput style = {styles.emailIn} placeholder = "Enter Valid Email"/>
+        <Text style = {styles.password}> Enter Password </Text>
+        <TextInput style = {styles.passIn} placeholder = "Pa55w0rd"/>
         <Button
           title="Calendar"
           onPress={() => this.props.navigation.navigate('Calendar')}
         />
-        <TimePicker/>
-        <RepeatDiv/>
-        <Divider/>
-        <DayPicker/>      
-        <Divider/>
-        <SnoozeDuration/>
-        <Divider/> 
+        <Button
+          title="Alarm"
+          onPress={() => this.props.navigation.navigate('Alarm')}
+        />
       </View>
 
     );