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 (
-
-
-
-
+
+
+
+
);
-}
\ 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([]);
- 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 (
@@ -30,36 +37,36 @@ export default function ResourceList() {
- {summaries.length > 0 ? (
- summaries.map((resource, index) => (
- {resource.summary}
- ))
- ) : (
- Loading...
- )}
+ {summaries.length > 0 ? (
+ summaries.map((resource, index) => (
+ {resource.summary}
+ ))
+ ) : (
+ Loading...
+ )}
);
}
- // return(
- //
-
- //
- //
- //
- //
- //
- //
- //
+// return(
+//
+
+//
+//
+//
+//
+//
+//
+//
- //
- //
- //
- //
- //
- //
- // )
+//
+//
+//
+//
+//
+//
+// )
/*
const [summaries, setSummaries] = useState([]);
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 (
- navigation.navigate('Resource List')}>
+ navigation.navigate('Resource List')}
+ >
California
- navigation.navigate('Resource List')}>
+ navigation.navigate('Resource List')}
+ >
National
);
}
- /*
+/*
const [summaries, setSummaries] = useState([]);
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',
},
});