diff --git a/app/config.json b/app/config.json index 336ab0d..c00b096 100644 --- a/app/config.json +++ b/app/config.json @@ -1,5 +1,5 @@ { "backend": { - "url": "ws://xxx.xxx.xxx.xxx:8000/websocket" + "url": "ws://192.168.178.49:8000/websocket" } } \ No newline at end of file diff --git a/app/src/components/ErrorMessage.js b/app/src/components/ErrorMessage.js new file mode 100644 index 0000000..2d6e3d5 --- /dev/null +++ b/app/src/components/ErrorMessage.js @@ -0,0 +1,13 @@ +import React from 'react' +import { Text, View } from 'react-native' +import { defaultStyles } from '../styles/defaultStyles' + +export const ErrorMessage = ({ error, message }) => { + if (!error && !message) { return null } + + return ( + + {message || error.message} + + ) +} diff --git a/app/src/components/NavigateButton.js b/app/src/components/NavigateButton.js new file mode 100644 index 0000000..8c2cfc0 --- /dev/null +++ b/app/src/components/NavigateButton.js @@ -0,0 +1,24 @@ +import { Button } from 'react-native' +import { useNavigation } from '@react-navigation/native' +import { defaultColors } from '../styles/defaultStyles' + +/** + * Renders a button wih a route binding. + * On press triggers the given route by name. + * + * @param title {string} + * @param route {string} + * @return {JSX.Element} + * @component + */ +export const NavigateButton = ({ title, route }) => { + const navigation = useNavigation() + + return ( +