resource level styling

calblueprint · Nov 20, 2024 · d2c2b57 · d2c2b57
1 parent 1ec5df1
commit d2c2b57
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 1 deletion.
diff --git a/src/screens/SeekHelp/index.tsx b/src/screens/SeekHelp/index.tsx
@@ -5,6 +5,8 @@ import { getSeekHelpData } from '@/supabase/queries/generalQueries';
 import { Resource as ResourceType } from '@/types/types';
 import { styles } from './styles';
 
+const jurisdiction = ['California', 'National'];
+
 export default function ResourceList() {
   const filters = [
     'General Resources',
@@ -55,6 +57,13 @@ export default function ResourceList() {
   return (
     <View style={styles.container}>
       <View style={styles.leftPanel}>
+        <View style={styles.selectTextContainer}>
+          <Text style={styles.selectText}>Select Resources Level:</Text>
+        </View>
+        <View style={styles.selectJurisdictionContainer}>
+          <View style={styles.checkButton}></View>
+          <View style={styles.checkButton}></View>
+        </View>
         <View style={styles.selectTextContainer}>
           <Text style={styles.selectText}>Select Resources Type:</Text>
         </View>

diff --git a/src/screens/SeekHelp/styles.ts b/src/screens/SeekHelp/styles.ts
@@ -8,7 +8,7 @@ export const styles = StyleSheet.create({
   },
   leftPanel: {
     flexDirection: 'column',
-    width: '20%',
+    width: '23%',
     backgroundColor: '#f7f9fc',
     paddingHorizontal: 10,
   },
@@ -57,6 +57,17 @@ export const styles = StyleSheet.create({
     fontSize: 16,
     color: '#444',
   },
+  selectJurisdictionContainer: {
+    backgroundColor: '#FFF',
+    marginHorizontal: 18,
+    borderRadius: 10,
+    padding: 22,
+    shadowColor: '#000',
+    shadowOpacity: 0.08,
+    shadowRadius: 3,
+    shadowOffset: { width: -2, height: 3 },
+    rowGap: 32,
+  },
   selectTextContainer: {
     marginVertical: 10,
     marginHorizontal: 15,
@@ -69,4 +80,11 @@ export const styles = StyleSheet.create({
     lineHeight: 21,
     letterSpacing: -0.154,
   },
+  checkButton: {
+    borderRadius: 5,
+    borderWidth: 1,
+    borderColor: '#CBD2DF',
+    width: 20,
+    height: 20,
+  },
 });