src/view/screens/Signup.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 {Text, Button, View, ActivityIndicator} from 'react-native'
import {observer} from 'mobx-react-lite'
import {Shell} from '../shell'
import type {RootTabsScreenProps} from '../routes/types'
import {useStores} from '../../state'

export const Signup = observer(
  ({navigation}: RootTabsScreenProps<'Signup'>) => {
    const store = useStores()
    return (
      <Shell>
        <View style={{justifyContent: 'center', alignItems: 'center'}}>
          <Text style={{fontSize: 20, fontWeight: 'bold'}}>Create Account</Text>
          {store.session.uiError ?? <Text>{store.session.uiError}</Text>}
          {!store.session.uiIsProcessing ? (
            <>
              <Button
                title="Create new account"
                onPress={() => store.session.login()}
              />
              <Button
                title="Log in to an existing account"
                onPress={() => navigation.navigate('Login')}
              />
            </>
          ) : (
            <ActivityIndicator />
          )}
        </View>
      </Shell>
    )
  },
)