From 05c39513be476ebb42966385e1b9ed2031b7344b Mon Sep 17 00:00:00 2001
From: user <angelinetu@berkeley.edu>
Date: Sun, 20 Oct 2024 15:50:06 -0700
Subject: [PATCH 1/4] seek help to resource list

---
 App.tsx                                     |  2 +
 src/navigation/seekHelpNav.tsx              | 15 ++++
 src/screens/SeekHelp/ResourceList/index.tsx | 93 +++++++++++++++++++++
 src/screens/SeekHelp/ResourceList/styles.ts | 37 ++++++++
 src/screens/SeekHelp/index.tsx              | 36 ++++++--
 src/screens/SeekHelp/styles.ts              | 25 ++++++
 6 files changed, 203 insertions(+), 5 deletions(-)
 create mode 100644 src/navigation/seekHelpNav.tsx
 create mode 100644 src/screens/SeekHelp/ResourceList/index.tsx
 create mode 100644 src/screens/SeekHelp/ResourceList/styles.ts
 create mode 100644 src/screens/SeekHelp/styles.ts

diff --git a/App.tsx b/App.tsx
index 237c3d3..da634bf 100644
--- a/App.tsx
+++ b/App.tsx
@@ -5,6 +5,7 @@ import HealingResources from '@/screens/HealingResources';
 import Home from '@/screens/Home';
 import LegalRights from '@/screens/LegalRights';
 import SeekHelp from '@/screens/SeekHelp';
+import resourceList from '@/screens/SeekHelp/ResourceList';
 
 const Stack = createNativeStackNavigator();
 
@@ -16,6 +17,7 @@ export default function App() {
         <Stack.Screen name="Healing Resources" component={HealingResources} />
         <Stack.Screen name="Legal Rights" component={LegalRights} />
         <Stack.Screen name="Seek Help" component={SeekHelp} />
+        <Stack.Screen name="Resource List" component={resourceList} />
       </Stack.Navigator>
     </NavigationContainer>
   );
diff --git a/src/navigation/seekHelpNav.tsx b/src/navigation/seekHelpNav.tsx
new file mode 100644
index 0000000..6be1dfc
--- /dev/null
+++ b/src/navigation/seekHelpNav.tsx
@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { NavigationContainer } from '@react-navigation/native';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import SeekHelp from '@/screens/SeekHelp';
+import ResourceList from '@/screens/SeekHelp/ResourceList';
+
+const Stack = createNativeStackNavigator();
+export default function seekHelpNav() {
+  return (
+      <Stack.Navigator initialRouteName="Home">
+        <Stack.Screen name="Resource List" component={ResourceList} />
+        <Stack.Screen name="Seek Help" component={SeekHelp} />
+      </Stack.Navigator>
+  );
+}
\ No newline at end of file
diff --git a/src/screens/SeekHelp/ResourceList/index.tsx b/src/screens/SeekHelp/ResourceList/index.tsx
new file mode 100644
index 0000000..39d00e7
--- /dev/null
+++ b/src/screens/SeekHelp/ResourceList/index.tsx
@@ -0,0 +1,93 @@
+import React, { useEffect, useState } from 'react';
+import { Button, Text, View, TouchableOpacity } from 'react-native';
+import { getSeekHelpData } from '@/supabase/queries/generalQueries';
+import { Resource } from '@/types/types';
+import {styles} from './styles'
+export default function ResourceList() {
+  const filters = ['General Resources', 'Health Organizations', 'LGBT Organizations', 'Legal Services', 'Government Resources']
+  const [summaries, setSummaries] = useState<Resource[]>([]);
+
+    useEffect(() => {
+      fetchData();
+    }, []);
+
+    const fetchData = async () => {
+      try {
+        const data = await getSeekHelpData();
+        setSummaries(data);
+      } catch (error) {
+        console.error('Error fetching data:', error);
+      }
+    };
+  return (
+    <View style={styles.container}>
+      <View style={styles.leftPanel}>
+        {filters.map((filter, index) => (
+          <TouchableOpacity key={index} style={styles.filterButton}>
+            <Text>{filter}</Text>
+          </TouchableOpacity>
+        ))}
+      </View>
+      <View style={styles.rightPanel}>
+        <View>
+        {summaries.length > 0 ? (
+          summaries.map((resource, index) => (
+            <Text key={index}>{resource.summary}</Text>
+          ))
+        ) : (
+          <Text>Loading...</Text>
+        )}
+        </View>
+      </View>
+    </View>
+  );
+}
+  // return(
+  //   <View style={styles.container}>
+      
+  //     <View style={styles.leftPanel}>
+  //       <Button title="General Resources" />
+  //       <Button title="Health Organizations" />
+  //       <Button title="LGBT Organizations"  />
+  //       <Button title="Legal Services" />
+  //       <Button title="Government Resources" />
+  //     </View>
+
+  //     <View style={styles.rightPanel}>
+  //       <Button title="Resource 1" />
+  //       <Button title="Resource 2" />
+  //       <Button title="Resource 3" />
+  //     </View>
+  //   </View>
+  // )
+
+/*
+const [summaries, setSummaries] = useState<Resource[]>([]);
+
+  useEffect(() => {
+    fetchData();
+  }, []);
+
+  const fetchData = async () => {
+    try {
+      const data = await getSeekHelpData();
+      setSummaries(data);
+    } 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>
+  );
+}
+*/
diff --git a/src/screens/SeekHelp/ResourceList/styles.ts b/src/screens/SeekHelp/ResourceList/styles.ts
new file mode 100644
index 0000000..c363065
--- /dev/null
+++ b/src/screens/SeekHelp/ResourceList/styles.ts
@@ -0,0 +1,37 @@
+import { StyleSheet } from 'react-native';
+
+export const styles = StyleSheet.create({
+  container: {
+    display: 'flex',
+    flexDirection: 'row', 
+    marginTop: 10,
+    padding: 30,
+  },
+  leftPanel: {
+    display: 'flex',
+    flexDirection: 'column', 
+    justifyContent: 'flex-start', 
+    width: '25%', 
+    paddingRight: 20, 
+  },
+  rightPanel: {
+    display: 'flex',
+    flexDirection: 'column', 
+    width: '75%', 
+    backgroundColor: '#f8f8f8', 
+    padding: 10,
+  },
+  filterButton: {
+    backgroundColor: '#e8e8e8',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 5,
+    marginVertical: 10, 
+    paddingVertical: 15,
+    width: '100%', 
+  },
+  buttonText: {
+    fontSize: 16,
+    color: '#333',
+  },
+});
diff --git a/src/screens/SeekHelp/index.tsx b/src/screens/SeekHelp/index.tsx
index a6e5df6..f41f1ca 100644
--- a/src/screens/SeekHelp/index.tsx
+++ b/src/screens/SeekHelp/index.tsx
@@ -1,9 +1,34 @@
-import React, { useEffect, useState } from 'react';
-import { Button, Text, View } from 'react-native';
-import { getSeekHelpData } from '@/supabase/queries/generalQueries';
-import { Resource } from '@/types/types';
+// import React, { useEffect, useState } from 'react';
+// import { Button, Text, View } from 'react-native';
+// import styles from './styles';
 
-export default function SeekHelp() {
+// export default function SeekHelp({ navigation }: { navigation: any }) {
+//   return(
+//     <View style={styles.buttonContainer}>
+//       <Button title='State Resources' onPress={() => navigation.navigate('Resource List')} />
+//       <Button title='National Resources' onPress={() => navigation.navigate('Resource List')} />
+//     </View>
+//   )
+// }
+
+import React from 'react';
+import { View, Text, TouchableOpacity } from 'react-native';
+import {styles} from './styles'; // Make sure this is the correct path
+
+export default function SeekHelp({ navigation }: { navigation: any }) {
+  return (
+    <View style={styles.container}>
+      <TouchableOpacity style={styles.button} onPress={() => navigation.navigate('Resource List')}>
+        <Text style={styles.buttonText}>California</Text>
+      </TouchableOpacity>
+      <TouchableOpacity style={styles.button} onPress={() => navigation.navigate('Resource List')}>
+        <Text style={styles.buttonText}>National</Text>
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+  /*
   const [summaries, setSummaries] = useState<Resource[]>([]);
 
   useEffect(() => {
@@ -32,3 +57,4 @@ export default function SeekHelp() {
     </View>
   );
 }
+  */
diff --git a/src/screens/SeekHelp/styles.ts b/src/screens/SeekHelp/styles.ts
new file mode 100644
index 0000000..d687155
--- /dev/null
+++ b/src/screens/SeekHelp/styles.ts
@@ -0,0 +1,25 @@
+import { StyleSheet } from 'react-native';
+
+export const styles = StyleSheet.create({
+  container: {
+    flex: 1, 
+    justifyContent: 'center', 
+    alignItems: 'center', 
+    marginTop: 10,
+    padding: 30,
+  },
+  button: {
+    backgroundColor: '#e8e8e8',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 5,
+    marginVertical: 10, 
+    paddingVertical: 15,
+    width: '100%', 
+  },
+  buttonText: {
+    fontSize: 18,
+    color: '#333', 
+    fontWeight: '500', 
+  },
+});

From e0104244164e9c91ddcdf17d591b5322a53beb25 Mon Sep 17 00:00:00 2001
From: user <angelinetu@berkeley.edu>
Date: Sun, 20 Oct 2024 15:52:00 -0700
Subject: [PATCH 2/4] seek help to resource list

---
 src/navigation/seekHelpNav.tsx              | 10 +--
 src/screens/SeekHelp/ResourceList/index.tsx | 83 +++++++++++----------
 src/screens/SeekHelp/ResourceList/styles.ts | 20 ++---
 src/screens/SeekHelp/index.tsx              | 16 ++--
 src/screens/SeekHelp/styles.ts              | 14 ++--
 5 files changed, 78 insertions(+), 65 deletions(-)

diff --git a/src/navigation/seekHelpNav.tsx b/src/navigation/seekHelpNav.tsx
index 6be1dfc..13615e5 100644
--- a/src/navigation/seekHelpNav.tsx
+++ b/src/navigation/seekHelpNav.tsx
@@ -7,9 +7,9 @@ import ResourceList from '@/screens/SeekHelp/ResourceList';
 const Stack = createNativeStackNavigator();
 export default function seekHelpNav() {
   return (
-      <Stack.Navigator initialRouteName="Home">
-        <Stack.Screen name="Resource List" component={ResourceList} />
-        <Stack.Screen name="Seek Help" component={SeekHelp} />
-      </Stack.Navigator>
+    <Stack.Navigator initialRouteName="Home">
+      <Stack.Screen name="Resource List" component={ResourceList} />
+      <Stack.Screen name="Seek Help" component={SeekHelp} />
+    </Stack.Navigator>
   );
-}
\ No newline at end of file
+}
diff --git a/src/screens/SeekHelp/ResourceList/index.tsx b/src/screens/SeekHelp/ResourceList/index.tsx
index 39d00e7..c783d53 100644
--- a/src/screens/SeekHelp/ResourceList/index.tsx
+++ b/src/screens/SeekHelp/ResourceList/index.tsx
@@ -1,24 +1,31 @@
 import React, { useEffect, useState } from 'react';
-import { Button, Text, View, TouchableOpacity } from 'react-native';
+import { Button, Text, TouchableOpacity, View } from 'react-native';
 import { getSeekHelpData } from '@/supabase/queries/generalQueries';
 import { Resource } from '@/types/types';
-import {styles} from './styles'
+import { styles } from './styles';
+
 export default function ResourceList() {
-  const filters = ['General Resources', 'Health Organizations', 'LGBT Organizations', 'Legal Services', 'Government Resources']
+  const filters = [
+    'General Resources',
+    'Health Organizations',
+    'LGBT Organizations',
+    'Legal Services',
+    'Government Resources',
+  ];
   const [summaries, setSummaries] = useState<Resource[]>([]);
 
-    useEffect(() => {
-      fetchData();
-    }, []);
+  useEffect(() => {
+    fetchData();
+  }, []);
 
-    const fetchData = async () => {
-      try {
-        const data = await getSeekHelpData();
-        setSummaries(data);
-      } catch (error) {
-        console.error('Error fetching data:', error);
-      }
-    };
+  const fetchData = async () => {
+    try {
+      const data = await getSeekHelpData();
+      setSummaries(data);
+    } catch (error) {
+      console.error('Error fetching data:', error);
+    }
+  };
   return (
     <View style={styles.container}>
       <View style={styles.leftPanel}>
@@ -30,36 +37,36 @@ export default function ResourceList() {
       </View>
       <View style={styles.rightPanel}>
         <View>
-        {summaries.length > 0 ? (
-          summaries.map((resource, index) => (
-            <Text key={index}>{resource.summary}</Text>
-          ))
-        ) : (
-          <Text>Loading...</Text>
-        )}
+          {summaries.length > 0 ? (
+            summaries.map((resource, index) => (
+              <Text key={index}>{resource.summary}</Text>
+            ))
+          ) : (
+            <Text>Loading...</Text>
+          )}
         </View>
       </View>
     </View>
   );
 }
-  // return(
-  //   <View style={styles.container}>
-      
-  //     <View style={styles.leftPanel}>
-  //       <Button title="General Resources" />
-  //       <Button title="Health Organizations" />
-  //       <Button title="LGBT Organizations"  />
-  //       <Button title="Legal Services" />
-  //       <Button title="Government Resources" />
-  //     </View>
+// return(
+//   <View style={styles.container}>
+
+//     <View style={styles.leftPanel}>
+//       <Button title="General Resources" />
+//       <Button title="Health Organizations" />
+//       <Button title="LGBT Organizations"  />
+//       <Button title="Legal Services" />
+//       <Button title="Government Resources" />
+//     </View>
 
-  //     <View style={styles.rightPanel}>
-  //       <Button title="Resource 1" />
-  //       <Button title="Resource 2" />
-  //       <Button title="Resource 3" />
-  //     </View>
-  //   </View>
-  // )
+//     <View style={styles.rightPanel}>
+//       <Button title="Resource 1" />
+//       <Button title="Resource 2" />
+//       <Button title="Resource 3" />
+//     </View>
+//   </View>
+// )
 
 /*
 const [summaries, setSummaries] = useState<Resource[]>([]);
diff --git a/src/screens/SeekHelp/ResourceList/styles.ts b/src/screens/SeekHelp/ResourceList/styles.ts
index c363065..80879a5 100644
--- a/src/screens/SeekHelp/ResourceList/styles.ts
+++ b/src/screens/SeekHelp/ResourceList/styles.ts
@@ -3,22 +3,22 @@ import { StyleSheet } from 'react-native';
 export const styles = StyleSheet.create({
   container: {
     display: 'flex',
-    flexDirection: 'row', 
+    flexDirection: 'row',
     marginTop: 10,
     padding: 30,
   },
   leftPanel: {
     display: 'flex',
-    flexDirection: 'column', 
-    justifyContent: 'flex-start', 
-    width: '25%', 
-    paddingRight: 20, 
+    flexDirection: 'column',
+    justifyContent: 'flex-start',
+    width: '25%',
+    paddingRight: 20,
   },
   rightPanel: {
     display: 'flex',
-    flexDirection: 'column', 
-    width: '75%', 
-    backgroundColor: '#f8f8f8', 
+    flexDirection: 'column',
+    width: '75%',
+    backgroundColor: '#f8f8f8',
     padding: 10,
   },
   filterButton: {
@@ -26,9 +26,9 @@ export const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
     borderRadius: 5,
-    marginVertical: 10, 
+    marginVertical: 10,
     paddingVertical: 15,
-    width: '100%', 
+    width: '100%',
   },
   buttonText: {
     fontSize: 16,
diff --git a/src/screens/SeekHelp/index.tsx b/src/screens/SeekHelp/index.tsx
index f41f1ca..d5f6f25 100644
--- a/src/screens/SeekHelp/index.tsx
+++ b/src/screens/SeekHelp/index.tsx
@@ -12,23 +12,29 @@
 // }
 
 import React from 'react';
-import { View, Text, TouchableOpacity } from 'react-native';
-import {styles} from './styles'; // Make sure this is the correct path
+import { Text, TouchableOpacity, View } from 'react-native';
+import { styles } from './styles'; // Make sure this is the correct path
 
 export default function SeekHelp({ navigation }: { navigation: any }) {
   return (
     <View style={styles.container}>
-      <TouchableOpacity style={styles.button} onPress={() => navigation.navigate('Resource List')}>
+      <TouchableOpacity
+        style={styles.button}
+        onPress={() => navigation.navigate('Resource List')}
+      >
         <Text style={styles.buttonText}>California</Text>
       </TouchableOpacity>
-      <TouchableOpacity style={styles.button} onPress={() => navigation.navigate('Resource List')}>
+      <TouchableOpacity
+        style={styles.button}
+        onPress={() => navigation.navigate('Resource List')}
+      >
         <Text style={styles.buttonText}>National</Text>
       </TouchableOpacity>
     </View>
   );
 }
 
-  /*
+/*
   const [summaries, setSummaries] = useState<Resource[]>([]);
 
   useEffect(() => {
diff --git a/src/screens/SeekHelp/styles.ts b/src/screens/SeekHelp/styles.ts
index d687155..6f6485a 100644
--- a/src/screens/SeekHelp/styles.ts
+++ b/src/screens/SeekHelp/styles.ts
@@ -2,9 +2,9 @@ import { StyleSheet } from 'react-native';
 
 export const styles = StyleSheet.create({
   container: {
-    flex: 1, 
-    justifyContent: 'center', 
-    alignItems: 'center', 
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
     marginTop: 10,
     padding: 30,
   },
@@ -13,13 +13,13 @@ export const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
     borderRadius: 5,
-    marginVertical: 10, 
+    marginVertical: 10,
     paddingVertical: 15,
-    width: '100%', 
+    width: '100%',
   },
   buttonText: {
     fontSize: 18,
-    color: '#333', 
-    fontWeight: '500', 
+    color: '#333',
+    fontWeight: '500',
   },
 });

From e989aaba85ff1d0e546bd4ffdd380db9e16e4c06 Mon Sep 17 00:00:00 2001
From: philipye314 <philipye@berkeley.edu>
Date: Mon, 21 Oct 2024 23:44:11 -0700
Subject: [PATCH 3/4] fixed some things

---
 src/screens/SeekHelp/ResourceList/index.tsx | 51 +--------------------
 src/screens/SeekHelp/index.tsx              | 46 +------------------
 src/types/types 2.tsx                       |  4 ++
 3 files changed, 6 insertions(+), 95 deletions(-)
 create mode 100644 src/types/types 2.tsx

diff --git a/src/screens/SeekHelp/ResourceList/index.tsx b/src/screens/SeekHelp/ResourceList/index.tsx
index c783d53..0077d81 100644
--- a/src/screens/SeekHelp/ResourceList/index.tsx
+++ b/src/screens/SeekHelp/ResourceList/index.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { Button, Text, TouchableOpacity, View } from 'react-native';
+import { Text, TouchableOpacity, View } from 'react-native';
 import { getSeekHelpData } from '@/supabase/queries/generalQueries';
 import { Resource } from '@/types/types';
 import { styles } from './styles';
@@ -49,52 +49,3 @@ export default function ResourceList() {
     </View>
   );
 }
-// return(
-//   <View style={styles.container}>
-
-//     <View style={styles.leftPanel}>
-//       <Button title="General Resources" />
-//       <Button title="Health Organizations" />
-//       <Button title="LGBT Organizations"  />
-//       <Button title="Legal Services" />
-//       <Button title="Government Resources" />
-//     </View>
-
-//     <View style={styles.rightPanel}>
-//       <Button title="Resource 1" />
-//       <Button title="Resource 2" />
-//       <Button title="Resource 3" />
-//     </View>
-//   </View>
-// )
-
-/*
-const [summaries, setSummaries] = useState<Resource[]>([]);
-
-  useEffect(() => {
-    fetchData();
-  }, []);
-
-  const fetchData = async () => {
-    try {
-      const data = await getSeekHelpData();
-      setSummaries(data);
-    } 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>
-  );
-}
-*/
diff --git a/src/screens/SeekHelp/index.tsx b/src/screens/SeekHelp/index.tsx
index d5f6f25..b02ec5a 100644
--- a/src/screens/SeekHelp/index.tsx
+++ b/src/screens/SeekHelp/index.tsx
@@ -1,19 +1,6 @@
-// import React, { useEffect, useState } from 'react';
-// import { Button, Text, View } from 'react-native';
-// import styles from './styles';
-
-// export default function SeekHelp({ navigation }: { navigation: any }) {
-//   return(
-//     <View style={styles.buttonContainer}>
-//       <Button title='State Resources' onPress={() => navigation.navigate('Resource List')} />
-//       <Button title='National Resources' onPress={() => navigation.navigate('Resource List')} />
-//     </View>
-//   )
-// }
-
 import React from 'react';
 import { Text, TouchableOpacity, View } from 'react-native';
-import { styles } from './styles'; // Make sure this is the correct path
+import { styles } from './styles';
 
 export default function SeekHelp({ navigation }: { navigation: any }) {
   return (
@@ -33,34 +20,3 @@ export default function SeekHelp({ navigation }: { navigation: any }) {
     </View>
   );
 }
-
-/*
-  const [summaries, setSummaries] = useState<Resource[]>([]);
-
-  useEffect(() => {
-    fetchData();
-  }, []);
-
-  const fetchData = async () => {
-    try {
-      const data = await getSeekHelpData();
-      setSummaries(data);
-    } 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>
-  );
-}
-  */
diff --git a/src/types/types 2.tsx b/src/types/types 2.tsx
new file mode 100644
index 0000000..75ac80a
--- /dev/null
+++ b/src/types/types 2.tsx	
@@ -0,0 +1,4 @@
+export interface Resource {
+  summary: string;
+  [key: string]: any;
+}

From 8d5f89691e8dd1b917e3f6804895c61cdabf954b Mon Sep 17 00:00:00 2001
From: philipye314 <philipye@berkeley.edu>
Date: Mon, 21 Oct 2024 23:44:36 -0700
Subject: [PATCH 4/4] removed unused import

---
 src/navigation/seekHelpNav.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/navigation/seekHelpNav.tsx b/src/navigation/seekHelpNav.tsx
index 13615e5..52eab90 100644
--- a/src/navigation/seekHelpNav.tsx
+++ b/src/navigation/seekHelpNav.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import SeekHelp from '@/screens/SeekHelp';
 import ResourceList from '@/screens/SeekHelp/ResourceList';