Init alert list page

3 files changed, 49 insertions, 4 deletions

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,