2021-02-19 12:05:02 -07:00
|
|
|
import React, { useCallback } from 'react';
|
2021-02-19 10:02:24 -07:00
|
|
|
|
2021-02-19 12:05:02 -07:00
|
|
|
import { StyleSheet, View, Text, Linking } from 'react-native';
|
2021-02-19 10:43:41 -07:00
|
|
|
import type { NavigationFunctionComponent } from 'react-native-navigation';
|
2021-02-19 10:02:24 -07:00
|
|
|
|
2021-02-19 12:05:02 -07:00
|
|
|
|
|
|
|
export const Settings: NavigationFunctionComponent = () => {
|
|
|
|
const onCuventPressed = useCallback(() => {
|
|
|
|
Linking.openURL('https://cuvent.com')
|
|
|
|
}, []);
|
|
|
|
|
2021-02-19 10:02:24 -07:00
|
|
|
return (
|
|
|
|
<View style={styles.container}>
|
2021-02-19 12:05:02 -07:00
|
|
|
<Text style={styles.aboutText}>Vision Camera is powered by{" "}
|
|
|
|
<Text style={styles.hyperlink} onPress={onCuventPressed}>Cuvent</Text>.
|
|
|
|
</Text>
|
2021-02-19 10:02:24 -07:00
|
|
|
</View>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2021-02-19 12:05:02 -07:00
|
|
|
Settings.options = {
|
|
|
|
topBar: {
|
|
|
|
visible: true,
|
|
|
|
title: {
|
|
|
|
text: 'Settings'
|
|
|
|
},
|
|
|
|
backButton: {
|
|
|
|
id: 'back',
|
|
|
|
showTitle: true,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-02-19 10:02:24 -07:00
|
|
|
const styles = StyleSheet.create({
|
|
|
|
container: {
|
|
|
|
flex: 1,
|
|
|
|
alignItems: 'center',
|
|
|
|
justifyContent: 'center',
|
|
|
|
backgroundColor: 'white',
|
|
|
|
},
|
2021-02-19 12:05:02 -07:00
|
|
|
aboutText: {
|
|
|
|
fontSize: 14,
|
|
|
|
fontWeight: 'bold',
|
|
|
|
color: '#A9A9A9',
|
|
|
|
maxWidth: '50%',
|
|
|
|
textAlign: 'center',
|
|
|
|
},
|
|
|
|
hyperlink: {
|
|
|
|
color: '#007aff',
|
|
|
|
fontWeight: 'bold',
|
2021-02-19 10:02:24 -07:00
|
|
|
},
|
|
|
|
});
|