From 509785982a1b4ac9ab145bac90d97be7044228c4 Mon Sep 17 00:00:00 2001
From: Santo Cariotti <santo@dcariotti.me>
Date: Fri, 30 Aug 2024 21:21:17 +0200
Subject: Init alert list page

---
 app/(tabs)/_layout.tsx            |  6 ++---
 app/(tabs)/alerts.tsx             | 46 +++++++++++++++++++++++++++++++++++++++
 app/(tabs)/index.tsx              |  1 -
 components/ParallaxScrollView.tsx | 11 +++-------
 components/ThemedText.tsx         |  3 ++-
 5 files changed, 54 insertions(+), 13 deletions(-)
 create mode 100644 app/(tabs)/alerts.tsx

diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx
index fcc94db..97e98de 100644
--- a/app/(tabs)/_layout.tsx
+++ b/app/(tabs)/_layout.tsx
@@ -23,15 +23,15 @@ export default function TabLayout() {
           ),
         }}
       />
-      {/*<Tabs.Screen
-        name="explore"
+      <Tabs.Screen
+        name="alerts"
         options={{
           title: 'Alerts',
           tabBarIcon: ({ color, focused }) => (
             <TabBarIcon name={focused ? 'map' : 'map-outline'} color={color} />
           ),
         }}
-      />*/}
+      />
     </Tabs>
   );
 }
diff --git a/app/(tabs)/alerts.tsx b/app/(tabs)/alerts.tsx
new file mode 100644
index 0000000..135771f
--- /dev/null
+++ b/app/(tabs)/alerts.tsx
@@ -0,0 +1,46 @@
+import { Alert, Platform, Pressable, StyleSheet, Text, TextInput, View } from 'react-native';
+import ParallaxScrollView from '@/components/ParallaxScrollView';
+import { ThemedText } from '@/components/ThemedText';
+import { ThemedView } from '@/components/ThemedView';
+import React, { useState, useEffect, useRef } from 'react';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import MapView, { Marker } from 'react-native-maps';
+import { useFocusEffect } from '@react-navigation/native';
+import { router } from 'expo-router';
+
+export default function AlertsScreen() {
+  const [token, setToken] = useState('');
+  const [userId, setUserId] = useState('');
+
+  const checkAuth = async () => {
+    const storedToken = Platform.OS === 'web' ? localStorage.getItem('token') : await AsyncStorage.getItem('token');
+    const storedUserId = Platform.OS === 'web' ? localStorage.getItem('userId') : await AsyncStorage.getItem('userId');
+    
+    setToken(storedToken || '');
+    setUserId(storedUserId || '');
+
+    if (!storedToken || !storedUserId) {
+      Alert.alert('Login required', 'You must log in to the system if you want to see alerts list', [
+        {
+          text: 'Ok',
+          onPress: () => router.push('/')
+        }
+      ]);
+    }
+  };
+
+  useFocusEffect(
+    React.useCallback(() => {
+      checkAuth();
+    }, [])
+  );
+
+
+  return (
+    <ParallaxScrollView>
+    </ParallaxScrollView>
+  );
+}
+
+const styles = StyleSheet.create({
+});
diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx
index b1eac11..d8fcccd 100644
--- a/app/(tabs)/index.tsx
+++ b/app/(tabs)/index.tsx
@@ -213,7 +213,6 @@ const styles = StyleSheet.create({
   },
   text: {
     marginBottom: 8,
-    color: '#333',
   },
   formContainer: {
     marginTop: 20,
diff --git a/components/ParallaxScrollView.tsx b/components/ParallaxScrollView.tsx
index c54cbae..d803ee6 100644
--- a/components/ParallaxScrollView.tsx
+++ b/components/ParallaxScrollView.tsx
@@ -8,6 +8,7 @@ import Animated, {
 } from 'react-native-reanimated';
 
 import { ThemedView } from '@/components/ThemedView';
+import { ThemedText } from './ThemedText';
 
 const HEADER_HEIGHT = 250;
 
@@ -23,7 +24,7 @@ export default function ParallaxScrollView({
     <ThemedView style={styles.container}>
       <Animated.ScrollView ref={scrollRef} scrollEventThrottle={16}>
         <View style={styles.nav}>
-          <Text style={styles.navText}>CAS4</Text>
+          <ThemedText type="title">CAS4</ThemedText>
         </View>
         <ThemedView style={styles.content}>{children}</ThemedView>
       </Animated.ScrollView>
@@ -36,16 +37,10 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   nav: {
-    backgroundColor: '#fcfcfc',
+    backgroundColor: 'rgba(10, 10, 10, .5)',
     paddingTop: 50,
     padding: 10,
   },
-  navText: {
-    textAlign: 'center',
-    fontFamily: 'SpaceMono',
-    fontSize: 24,
-    fontWeight: 'bold'
-  },
   header: {
     height: 250,
     overflow: 'hidden',
diff --git a/components/ThemedText.tsx b/components/ThemedText.tsx
index c0e1a78..636a039 100644
--- a/components/ThemedText.tsx
+++ b/components/ThemedText.tsx
@@ -46,7 +46,8 @@ const styles = StyleSheet.create({
   title: {
     fontSize: 32,
     fontWeight: 'bold',
-    lineHeight: 32,
+    textAlign: 'center',
+    fontFamily: 'SpaceMono',
   },
   subtitle: {
     fontSize: 20,
-- 
cgit v1.2.3-18-g5258