Add mock API and reorg code for clarity

1 files changed, 34 insertions, 0 deletions

diff --git a/src/view/screens/Signup.tsx b/src/view/screens/Signup.tsx
new file mode 100644
index 000000000..8ca47e3ef
--- /dev/null
+++ b/src/view/screens/Signup.tsx
@@ -0,0 +1,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>
+    )
+  },
+)