src/view/screens/NotFound.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

import React from 'react'
import {Button, StyleSheet, View} from 'react-native'
import {ViewHeader} from '../com/util/ViewHeader'
import {Text} from '../com/util/text/Text'
import {useStores} from '../../state'

export const NotFound = () => {
  const stores = useStores()
  return (
    <View testID="notFoundView">
      <ViewHeader title="Page not found" />
      <View style={styles.container}>
        <Text style={styles.title}>Page not found</Text>
        <Button
          testID="navigateHomeButton"
          title="Home"
          onPress={() => stores.nav.navigate('/')}
        />
      </View>
    </View>
  )
}

const styles = StyleSheet.create({
  container: {
    justifyContent: 'center',
    alignItems: 'center',
    paddingTop: 100,
  },
  title: {
    fontSize: 40,
    fontWeight: 'bold',
  },
})