search edit?

screens/main/Search.js

@@ -44,7 +44,321 @@ const Tags = [
 ]
 
 
+const City = [
+  {
+      item: 'Adjuntas',
+      id: 0,
+  },
+  {
+      item: 'Aguada',
+      id: 1,
+  },
+  {
+      item: 'Aguadilla',
+      id: 2,
+  },
+  {
+      item: 'Aguas Buenas',
+      id: 3,
+  },
+  {
+      item: 'Aibonito',
+      id: 4,
+  },
+  {
+      item: 'Arecibo',
+      id: 5,
+  },
+  {
+      item: 'Arroyo',
+      id: 6,
+  },
+  {
+      item: 'Añasco',
+      id: 7,
+  },
+  {
+      item: 'Barceloneta',
+      id: 8,
+  },
+  {
+      item: 'Barranquitas',
+      id: 9,
+  },
+  {
+      item: 'Bayamón',
+      id: 10,
+  },
+  {
+      item: 'Cabo Rojo',
+      id: 11,
+  },
+  {
+      item: 'Caguas',
+      id: 12,
+  },
+  {
+      item: 'Camuy',
+      id: 13,
+  },
+  {
+      item: 'Canóvanas',
+      id: 14,
+  },
+  {
+      item: 'Carolina',
+      id: 15,
+  },
+  {
+      item: 'Cataño',
+      id: 16,
+  },
+  {
+      item: 'Cayey',
+      id: 17,
+  },
+  {
+      item: 'Ceiba',
+      id: 18,
+  },
+  {
+      item: 'Ciales',
+      id: 19,
+  },
+  {
+      item: 'Cidra',
+      id: 20,
+  },
+  {
+      item: 'Coamo',
+      id: 21,
+  },
+  {
+      item: 'Comerío',
+      id: 22,
+  },
+  {
+      item: 'Corozal',
+      id: 23,
+  },
+  {
+      item: 'Culebra',
+      id: 24,
+  },
+  {
+      item: 'Dorado',
+      id: 25,
+  },
+  {
+      item: 'Fajardo',
+      id: 26,
+  },
+  {
+      item: 'Florida',
+      id: 27,
+  },
+  {
+      item: 'Guayama',
+      id: 28,
+  },
+  {
+      item: 'Guayanilla',
+      id: 29,
+  },
+  {
+      item: 'Guaynabo',
+      id: 30,
+  },
+  {
+      item: 'Gurabo',
+      id: 31,
+  },
+  {
+      item: 'Guánica',
+      id: 32,
+  },
+  {
+      item: 'Hatillo',
+      id: 33,
+  },
+  {
+      item: 'Hormigueros',
+      id: 34,
+  },
+  {
+      item: 'Humacao',
+      id: 35,
+  },
+  {
+      item: 'Isabela',
+      id: 36,
+  },
+  {
+      item: 'Jayuya',
+      id: 37,
+  },
+  {
+      item: 'Juana Díaz',
+      id: 38,
+  },
+  {
+      item: 'Juncos',
+      id: 39,
+  },
+  {
+      item: 'Lajas',
+      id: 40,
+  },
+  {
+      item: 'Lares',
+      id: 41,
+  },
+  {
+      item: 'Las Marías',
+      id: 42,
+  },
+  {
+      item: 'Las Piedras',
+      id: 43,
+  },
+  {
+      item: 'Loíza',
+      id: 44,
+  },
+  {
+      item: 'Luquillo',
+      id: 45,
+  },
+  {
+      item: 'Manatí',
+      id: 46,
+  },
+  {
+      item: 'Maricao',
+      id: 47,
+  },
+  {
+      item: 'Maunabo',
+      id: 48,
+  },
+  {
+      item: 'Mayagüez',
+      id: 49,
+  },
+  {
+      item: 'Moca',
+      id: 50,
+  },
+  {
+      item: 'Morovis',
+      id: 51,
+  },
+  {
+      item: 'Naguabo',
+      id: 52,
+  },
+  {
+      item: 'Naranjito',
+      id: 53,
+  },
+  {
+      item: 'Orocovis',
+      id: 54,
+  },
+  {
+      item: 'Patillas',
+      id: 55,
+  },
+  {
+      item: 'Peñuelas',
+      id: 56,
+  },
+  {
+      item: 'Ponce',
+      id: 57,
+  },
+  {
+      item: 'Quebradillas',
+      id: 58,
+  },
+  {
+      item: 'Rincón',
+      id: 59,
+  },
+  {
+      item: 'Rio Grande',
+      id: 60,
+  },
+  {
+      item: 'Sabana Grande',
+      id: 61,
+  },
+  {
+      item: 'Salinas',
+      id: 62,
+  },
+  {
+      item: 'San Germán',
+      id: 63,
+  },
+  {
+      item: 'San Juan',
+      id: 64,
+  },
+  {
+      item: 'San Lorenzo',
+      id: 65,
+  },
+  {
+      item: 'San Sebastián',
+      id: 66,
+  },
+  {
+      item: 'Santa Isabel',
+      id: 67,
+  },
+  {
+      item: 'Toa Alta',
+      id: 68,
+  },
+  {
+      item: 'Toa Baja',
+      id: 69,
+  },
+  {
+      item: 'Trujillo Alto',
+      id: 70,
+  },
+  {
+      item: 'Utuado',
+      id: 71,
+  },
+  {
+      item: 'Vega Alta',
+      id: 72,
+  },
+  {
+      item: 'Vega Baja',
+      id: 73,
+  },
+  {
+      item: 'Vieques',
+      id: 74,
+  },
+  {
+      item: 'Villalba',
+      id: 75,
+  },
+  {
+      item: 'Yabucoa',
+      id: 76,
+  },
+  {
+      item: 'Yauco',
+      id: 77,
+  },
 
+]
 
 
 function Search({route, navigation }) {
@@ -55,14 +369,16 @@ function Search({route, navigation }) {
   
   const [users, setUsers] = useState([])
   const [selectedTags, setSelectedTags] = useState([])
+  const [selectedCity, setSelectedCity] = useState([])
+
 
   
-  const fetchUsers = (tags) => {
+  const fetchUsers = (tags, city) => {
     
     //if the array that have the interpreter tags
     //and the day tags are empty we dont send the query seeing as the user
     //is not searching for anything yet 
-    if (tags.length === 0) {
+    if (tags.length === 0 && city.length === 0) {
       return
     }
 
@@ -100,6 +416,277 @@ function Search({route, navigation }) {
         query = query.where('english', '==', true)
       }
   }
+  for (let i = 0; i < tags.length; i++) {
+
+    //Reset Flag.
+    mapflag = false
+
+    //check which tags where called in the search 
+    if (tags[i].id === 'PL') {
+      console.log('Presencial')
+      query = query.where('face_to_face', '==', true)
+      mapflag = true
+    }
+    if (tags[i].id == 'ON') {
+      query = query.where('virtual', '==', true)
+    }
+    if (tags[i].id == 'IL') {
+      query = query.where('personal', '==', true)
+    }
+    if (tags[i].id == 'GL') {
+      query = query.where('group', '==', true)
+    }
+    if (tags[i].id == 'ESP') {
+      query = query.where('spanish', '==', true)
+    }
+    if (tags[i].id == 'ING') {
+      query = query.where('english', '==', true)
+    }
+}
+  if(city.length > 0){
+    switch(city[0].id){
+      case 0:
+        query = query.where('city', '==', 'Adjuntas')
+
+
+      case 1:
+        query = query.where('city', '==', 'Aguada')
+
+      case 2:
+        query = query.where('city', '==', 'Aguadilla')
+
+      case 3:
+        query = query.where('city', '==', 'Aguas Buenas')
+      
+      case 4:
+        query = query.where('city', '==', 'Aibonito')
+      
+      case 5:
+        query = query.where('city', '==', 'Arecibo')
+      
+      case 6:
+        query = query.where('city', '==', 'Arroyo')
+      
+      case 7:
+        query = query.where('city', '==', 'Añasco')
+      
+      case 8:
+        query = query.where('city', '==', 'Barceloneta')
+      
+      case 9:
+        query = query.where('city', '==', 'Barranquitas')
+      
+      case 10:
+        query = query.where('city', '==', 'Bayamón')
+      
+      case 11:
+        query = query.where('city', '==', 'Cabo Rojo')
+      
+      case 12:
+        query = query.where('city', '==', 'Caguas')
+      
+      case 13:
+        query = query.where('city', '==', 'Camuy')
+      
+      case 14:
+        query = query.where('city', '==', 'Canóvanas')
+      
+      case 15:
+        query = query.where('city', '==', 'Carolina')
+
+      case 16:
+        query = query.where('city', '==', 'Cataño')
+
+      case 17:
+        query = query.where('city', '==', 'Cayey')
+      
+      case 18:
+        query = query.where('city', '==', 'Ceiba')
+      
+      case 19:
+        query = query.where('city', '==', 'Ciales')
+      
+      case 20:
+        query = query.where('city', '==', 'Cidra')
+
+      case 21:
+        query = query.where('city', '==', 'Coamo')
+
+      case 22:
+        query = query.where('city', '==', 'Comerío')
+
+      case 23:
+        query = query.where('city', '==', 'Corozal')
+
+      case 24:
+        query = query.where('city', '==', 'Culebra')
+      
+      case 25:
+        query = query.where('city', '==', 'Dorado')
+
+      case 26:
+        query = query.where('city', '==', 'Fajardo')
+
+      case 27:
+        query = query.where('city', '==', 'Florida')
+
+      case 28:
+        query = query.where('city', '==', 'Guánica')
+      
+      case 29:
+        query = query.where('city', '==', 'Guayama')
+
+      case 30:
+        query = query.where('city', '==', 'Guayanilla')
+      
+      case 31:
+        query = query.where('city', '==', 'Guaynabo')
+
+      case 32:
+        query = query.where('city', '==', 'Gurabo')
+
+      case 33:
+        query = query.where('city', '==', 'Hatillo')
+
+      case 34:
+        query = query.where('city', '==', 'Hormigueros')
+
+      case 35:
+        query = query.where('city', '==', 'Humacao')
+
+      case 36:
+        query = query.where('city', '==', 'Isabela')
+
+      case 37:
+        query = query.where('city', '==', 'Jayuya')
+
+      case 38:
+        query = query.where('city', '==', 'Juana Díaz')
+      
+      case 39:
+        query = query.where('city', '==', 'Juncos')
+
+      case 40:
+        query = query.where('city', '==', 'Lajas')
+
+      case 41:
+        query = query.where('city', '==', 'Lares')
+
+      case 42:
+        query = query.where('city', '==', 'Las Marías')
+
+      case 43:
+        query = query.where('city', '==', 'Las Piedras')
+
+      case 44:
+        query = query.where('city', '==', 'Loíza')
+
+      case 45:
+        query = query.where('city', '==', 'Luquillo')
+
+      case 46:
+        query = query.where('city', '==', 'Manatí')
+
+      case 47:
+        query = query.where('city', '==', 'Maricao')
+
+      case 48:
+        query = query.where('city', '==', 'Maunabo')
+
+      case 49:
+        query = query.where('city', '==', 'Mayagüez')
+
+      case 50:
+        query = query.where('city', '==', 'Moca')
+
+      case 51:
+        query = query.where('city', '==', 'Morovis')
+
+      case 52:
+        query = query.where('city', '==', 'Naguabo')
+
+      case 53:
+        query = query.where('city', '==', 'Naranjito')
+
+      case 54:
+        query = query.where('city', '==', 'Orocovis')
+
+      case 55:
+        query = query.where('city', '==', 'Patillas')
+
+      case 56:
+        query = query.where('city', '==', 'Peñuelas')
+
+      case 57:
+        query = query.where('city', '==', 'Ponce')
+
+      case 58:
+        query = query.where('city', '==', 'Quebradillas')
+
+      case 59:
+        query = query.where('city', '==', 'Rincón')
+
+      case 60:
+        query = query.where('city', '==', 'Río Grande')
+
+      case 61:
+        query = query.where('city', '==', 'Sabana Grande')
+
+      case 62:
+        query = query.where('city', '==', 'Salinas')
+
+      case 63:
+        query = query.where('city', '==', 'San Germán')
+
+      case 64:
+        query = query.where('city', '==', 'San Juan')
+
+      case 65:
+        query = query.where('city', '==', 'San Lorenzo')
+
+      case 66:
+        query = query.where('city', '==', 'San Sebastián')
+
+      case 67:
+        query = query.where('city', '==', 'Santa Isabel')
+
+      case 68:
+        query = query.where('city', '==', 'Toa Alta')
+
+      case 69:
+        query = query.where('city', '==', 'Toa Baja')
+
+      case 70:
+        query = query.where('city', '==', 'Trujillo Alto')
+
+      case 71:
+        query = query.where('city', '==', 'Utuado')
+
+      case 72:
+        query = query.where('city', '==', 'Vega Alta')
+
+      case 73:
+        query = query.where('city', '==', 'Vega Baja')
+
+      case 74:
+        query = query.where('city', '==', 'Vieques')
+
+      case 75:
+        query = query.where('city', '==', 'Villalba')
+
+      case 76:
+        query = query.where('city', '==', 'Yabucoa')
+
+      case 77:
+        query = query.where('city', '==', 'Yauco')
+
+      break;
+
+    }
+
+
+  }
+
   
     query.get().then(querySnapshot => {
       console.log('Total users: ', querySnapshot.size);
@@ -125,10 +712,33 @@ function Search({route, navigation }) {
     <ScrollView>
     <View style={{ margin: 30 }}>
       <View style={{ width: '100%', alignItems: 'center' }}>
-        <Text style={{ fontSize: 30, paddingBottom: 20 }}>Busqueda</Text>
+        <Text style={{ fontSize: 30, paddingBottom: 20 }}>Search</Text>
       </View>
-      <Text style={{ fontSize: 20, paddingBottom: 10 }}>Filtro de Interpretes</Text>
+
+      <Text style={{ fontSize: 20, paddingBottom: 10 }}>Interpreter city</Text>
+      <SelectBox
+        label="Select single"
+        options={City}
+        value={selectedCity}
+        onChange={onChange()}
+        hideInputFilter={false}
+        arrowIconColor="#E4CD05"
+        toggleIconColor='#E4CD05'
+        searchIconColor='#E4CD05'
+
+
+      />
+      <Text style={{ fontSize: 20, paddingBottom: 10 }}>Interpreter Tags</Text>
+
+      
+
       <SelectBox
+        label="Select multiple"
+        options={Tags}
+        selectedValues={selectedTags}
+        onMultiSelect={onMultiChange()}
+        onTapClose={onMultiChange()}
+        isMulti
         arrowIconColor='#E4CD05'
         toggleIconColor='#E4CD05'
         searchIconColor='#E4CD05'
@@ -145,16 +755,12 @@ function Search({route, navigation }) {
           color: '#000000',
           fontSize: 20,
         }}
-        label="Select multiple"
-        options={Tags}
-        selectedValues={selectedTags}
-        onMultiSelect={onMultiChange()}
-        onTapClose={onMultiChange()}
-        isMulti
-      />
+
+          />
+
 
       {/* button that will fetch the users */}
-      <Button title='Buscar' onPress={() => fetchUsers(selectedTags)}/>
+      <Button title='Buscar' onPress={() => fetchUsers(selectedTags, selectedCity)}/>
 
 
       <FlatList
@@ -183,6 +789,10 @@ function Search({route, navigation }) {
   function onMultiChange() {
     return (item) => setSelectedTags(xorBy(selectedTags, [item], 'id'))
   }
+
+  function onChange(){
+    return (item) => setSelectedCity(item)
+  }
   
   function dothing(item_id, item_dates, i_token, u_token, I_username) {
     console.log('This is the item id: ', item_id, "With i_token: ", i_token, " u_token : ", u_token)