Add mock API and reorg code for clarity

1 files changed, 21 insertions, 0 deletions

diff --git a/src/view/screens/Home.tsx b/src/view/screens/Home.tsx
new file mode 100644
index 000000000..5210d9d40
--- /dev/null
+++ b/src/view/screens/Home.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import {Text, Button, View} from 'react-native'
+import {Shell} from '../shell'
+import type {RootTabsScreenProps} from '../routes/types'
+import {useStores} from '../../state'
+
+export function Home({navigation}: RootTabsScreenProps<'Home'>) {
+  const store = useStores()
+  return (
+    <Shell>
+      <View style={{alignItems: 'center'}}>
+        <Text style={{fontSize: 20, fontWeight: 'bold'}}>Home</Text>
+        <Button
+          title="Go to Jane's profile"
+          onPress={() => navigation.navigate('Profile', {name: 'Jane'})}
+        />
+        <Button title="Logout" onPress={() => store.session.logout()} />
+      </View>
+    </Shell>
+  )
+}