small fixes

1 files changed, 75 insertions, 6 deletions

diff --git a/App.js b/App.js
index 09f879b..1163cbe 100644
--- a/App.js
+++ b/App.js
@@ -1,20 +1,89 @@
 import { StatusBar } from 'expo-status-bar';
-import { StyleSheet, Text, View } from 'react-native';
+import { StyleSheet, View, Text } from 'react-native';
+import { useState, useEffect } from 'react';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import { Login, List, Edit } from './components'
 
 export default function App() {
+  const [session, setSession] = useState();
+  const [error, setError] = useState(null);
+  const [edit, setEdit] = useState(null)
+
+  const login = async (e, p) => {
+    try {
+      const response = await fetch('https://apps.pruss.it/api/login', {
+        method: 'POST',
+        headers: { 'Content-Type': 'plain/text; charset=utf-8' },
+        body: JSON.stringify({ email: e, password: p })
+      })
+      const cookies = response.headers?.map?.['set-cookie']
+      const data = await response.json()
+      if (data?.isLoggedIn) {
+        await AsyncStorage.setItem('session', JSON.stringify({...data, cookies}))
+        setSession({ ...data, cookies })
+      }
+    } catch(e) {
+      showError('Error while logging in')
+    }
+  }
+
+  const showError = (e) => {
+    setError(e)
+    setTimeout(() => { setError(null) }, 2000)
+  }
+
+  useEffect(() => {
+    AsyncStorage.getItem('session')
+      .then(s => setSession(JSON.parse(s)))
+      .catch(() => setSession(null))
+  }, []);
+
+  if (error) return (
+    <View style={styles.container}>
+      <Text style={styles.error}>{error}</Text>
+    </View>
+  )
+
+  if (session === undefined) return (
+    <View style={styles.container}>
+      <Text>Loading...</Text>
+    </View>
+  );
+
   return (
     <View style={styles.container}>
-      <Text>Open up App.js to start working on your app!</Text>
+      {
+        session === null
+          ? <Login login={login} />
+          : edit
+            ? (
+              <Edit
+                edit={edit}
+                setEdit={setEdit}
+                session={session}
+                setSession={setSession}
+                showError={showError}
+              />
+            ) : (
+              <List
+                session={session}
+                showError={showError}
+                setEdit={setEdit}
+              />
+            )
+      }
       <StatusBar style="auto" />
     </View>
   );
-}
+};
 
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
+    backgroundColor: '#000',
+    height: '100%',
   },
+  error: {
+    color: 'red',
+  }
 });