new tab nav

.gitignore

@@ -29,6 +29,7 @@ yarn-error.*
 *.pem
 
 # local env files
+.env
 .env*.local
 
 # typescript

App.tsx

@@ -2,9 +2,9 @@ import * as React from 'react';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 import { NavigationContainer } from '@react-navigation/native';
 import HealingResources from '@/HealingResources';
-import Home from '@/Home';
-import LegalRights from '@/LegalRights';
-import SeekHelp from '@/SeekHelp';
+import Home from '@/screens/Home';
+import LegalRights from '@/screens/LegalRights';
+import SeekHelp from '@/screens/SeekHelp';
 
 const Tab = createBottomTabNavigator();
 

src/screens/HealingResources/index.tsx

@@ -0,0 +1,46 @@
+import React, { useEffect, useState } from 'react';
+import { Button, View } from 'react-native';
+import supabase from '../supabase/createClient';
+
+interface Resource {
+  summary: string;
+  [key: string]: any;
+}
+
+export default function HealingResources() {
+  const [, setSummaries] = useState<Resource[]>([]);
+
+  useEffect(() => {
+    fetchData();
+  }, []);
+
+  const fetchData = async () => {
+    try {
+      const { data, error } = await supabase
+        .from('healing_resources')
+        .select('*');
+
+      if (error) {
+        console.error('Error fetching resources:', error);
+        return;
+      }
+
+      setSummaries(data as Resource[]);
+    } catch (error) {
+      console.error('Error fetching data:', error);
+    }
+  };
+
+  return (
+    <View>
+      <Button
+        title="Hope Healing Guide"
+        onPress={() => console.log('does this work')}
+      />
+      <Button
+        title="Theme Healing Resources"
+        onPress={() => console.log('does this work')}
+      />
+    </View>
+  );
+}

src/screens/HealingResources/styles.ts

@@ -0,0 +1,10 @@
+import { StyleSheet } from 'react-native';
+
+export default StyleSheet.create({
+  container: {
+    width: '100%',
+    height: '100%',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+  },
+});

src/Home/index.tsx → src/screens/Home/index.tsx

@@ -1,6 +1,6 @@
 import { Button, Text, View } from 'react-native';
 
-export default function Home({ navigation }) {
+export default function Home({ navigation }: { navigation: any }) {
   return (
     <View>
       <Text>hello</Text>

src/screens/SeekHelp/index.tsx

@@ -0,0 +1,47 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Text, View } from 'react-native';
+import supabase from '../supabase/createClient';
+
+interface Resource {
+  summary: string;
+  [key: string]: any;
+}
+
+export default function SeekHelp() {
+  const [summaries, setSummaries] = useState<Resource[]>([]);
+
+  useEffect(() => {
+    fetchData();
+  }, []);
+
+  const fetchData = async () => {
+    try {
+      const { data, error } = await supabase
+        .from('state_resources')
+        .select('*')
+        .in('state', ['California', 'National']);
+
+      if (error) {
+        console.error('Error fetching resources:', error);
+        return;
+      }
+
+      setSummaries(data as Resource[]);
+    } catch (error) {
+      console.error('Error fetching data:', error);
+    }
+  };
+
+  return (
+    <View>
+      <Button title="Fetch Data" onPress={fetchData} />
+      {summaries.length > 0 ? (
+        summaries.map((resource, index) => (
+          <Text key={index}>{resource.summary}</Text>
+        ))
+      ) : (
+        <Text>Loading...</Text>
+      )}
+    </View>
+  );
+}