Repeat and Priority

[thanachotw]

[ghost]

{Repeat} import React from 'react'; import {Actionsheet, Button, Text, useDisclose, View} from 'native-base'; import {StyleSheet} from 'react-native'; import FontAwesome from 'react-native-vector-icons/FontAwesome'; import { NavigationContainer} from '@react-navigation/native'; import { createStackNavigator } from '@react-navigation/stack'; import { ScreenContainer } from 'react-native-screens';

function Repeat() { const {isOpen, onOpen, onClose} = useDisclose(); return ( <>

Repeat None Repeat None Everyday Every week Every month Every selected day

</>

); }

const style = StyleSheet.create({ text: { fontSize: 15, marginRight : 90, marginLeft : 15

}, btn: { backgroundColor: '#E4E3FA', borderRadius: 18, borderWidth: 3, borderColor: '#7D6DFF', width: 100, marginLeft : 9 },

box: { height : 40, width : 40, backgroundColor : '#634897', borderRadius : 18, justifyContent : "center", alignItems : "center",

},

container: { backgroundColor: '#E4E3FA', flexDirection: 'row', height:65, borderRadius: 16, width: '90%', justifyContent: 'center', alignItems : "center", marginTop : 12,

shadowColor: '#000',
shadowOffset: {
  width: 0,
  height: 1,
},
shadowOpacity: 0.22,
shadowRadius: 2.22,

elevation: 3,

}, });

export default Repeat;

[ghost]

{Priority} import React from 'react'; import {Actionsheet, Button, Flex, Text, useDisclose, View} from 'native-base'; import {StyleSheet} from 'react-native'; import MaterialIcons from 'react-native-vector-icons/MaterialIcons'; import EntypoIcon from 'react-native-vector-icons/Entypo';

function Priority() { const {isOpen, onOpen, onClose} = useDisclose(); return ( <>

Priority None Priority None Low Medium High

</>

); }

const style = StyleSheet.create({ text: { fontSize: 15, marginRight : 90, marginLeft : 15

}, btn: { backgroundColor: '#FFFFFF', borderRadius: 18, borderWidth: 3, borderColor: '#FD9340', width: 100, marginLeft : 9 },

box: { height : 40, width : 40, backgroundColor : '#FD9340', borderRadius : 18, justifyContent : "center", alignItems : "center",

},

container: { backgroundColor: '#FFFFFF', flexDirection: 'row', height:65, borderRadius: 16, width: '90%', justifyContent: 'center', alignItems : "center", marginTop : 12,

shadowColor: '#000',
shadowOffset: {
  width: 0,
  height: 1,
},
shadowOpacity: 0.22,
shadowRadius: 2.22,

elevation: 3,

},

inPriority: { fontSize: 16, paddingTop: 6, } });

export default Priority;