Added search screen and linked it with calendar screen

App.js

@@ -13,12 +13,15 @@ import MailScreen from './screens/MailScreen';
 import RegisterScreen from './screens/auth/RegisterScreen';
 //import LoginScreen from './screens/LoginScreen';
 import LoginScreen from './screens/auth/LoginScreen';
-import HomeScreen from './screens/HomeScreen';
+// import HomeScreen from './screens/HomeScreen';
 //import Loading from './components/Loading';
 import Loading from './screens/main/Loading';
 import { firebaseConfig } from './config/firebaseConfig';
 import rootReducer from './redux/reducers'
-
+import HomeScreen from './screens/main/Home_page';
+import Calendario from './screens/main/Calendar';
+import Time from './screens/main/StateTime';
+import Search from './screens/main/Search';
 
 
 if (firebase.apps.length === 0) {
@@ -85,11 +88,16 @@ export default class App extends Component {
     return(
       <Provider store={store}>
         <NavigationContainer>
-          <Drawer.Navigator>
-            <Drawer.Screen name={" "} options={{drawerLabel: "Home", headerTransparent: true}} children={this.createHomeStack}/>
-          </Drawer.Navigator>
+          <Stack.Navigator initialRouteName="Home">
+            <Stack.Screen name="Home" options={{headerTransparent: true, headerTitle: " "}} component={HomeScreen} />
+            <Stack.Screen name="Calendar"  component={Calendario}/>
+            <Stack.Screen name = "StateTime" component={Time}/>
+            <Stack.Screen name = "Search" component={Search}/>
+          </Stack.Navigator>
         </NavigationContainer>
       </Provider>
+
+
     );
   }
 }

package-lock.json

@@ -15,7 +15,9 @@
         "react": "16.13.1",
         "react-dom": "16.13.1",
         "react-native": "https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz",
+        "react-native-calendars": "^1.1268.0",
         "react-native-gifted-chat": "^0.16.3",
+        "react-native-multi-selectbox": "^1.5.0",
         "react-native-paper": "^4.9.2",
         "react-native-web": "~0.13.12",
         "react-redux": "^7.2.5",
@@ -4042,6 +4044,12 @@
       "resolved": "https://registry.npmjs.org/blueimp-md5/-/blueimp-md5-2.18.0.tgz",
       "integrity": "sha512-vE52okJvzsVWhcgUHOv+69OG3Mdg151xyn41aVQN/5W5S+S43qZhxECtYLAEHMSFWX6Mv5IZrzj3T5+JqXfj5Q=="
     },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
+      "peer": true
+    },
     "node_modules/bplist-creator": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/bplist-creator/-/bplist-creator-0.0.8.tgz",
@@ -4725,6 +4733,52 @@
         "isobject": "^3.0.1"
       }
     },
+    "node_modules/css-select": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.1.0.tgz",
+      "integrity": "sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==",
+      "peer": true,
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^3.2.1",
+        "domutils": "^1.7.0",
+        "nth-check": "^1.0.2"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "peer": true,
+      "dependencies": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/css-tree/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
+      "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==",
+      "peer": true,
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
     "node_modules/csstype": {
       "version": "3.0.9",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.9.tgz",
@@ -4836,6 +4890,28 @@
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
       "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
     },
+    "node_modules/dom-serializer": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+      "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+      "peer": true,
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "entities": "^2.0.0"
+      }
+    },
+    "node_modules/dom-serializer/node_modules/domelementtype": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
+      "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "peer": true
+    },
     "node_modules/dom-storage": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/dom-storage/-/dom-storage-2.1.0.tgz",
@@ -4844,6 +4920,22 @@
         "node": "*"
       }
     },
+    "node_modules/domelementtype": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
+      "peer": true
+    },
+    "node_modules/domutils": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+      "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+      "peer": true,
+      "dependencies": {
+        "dom-serializer": "0",
+        "domelementtype": "1"
+      }
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -4883,6 +4975,15 @@
         "once": "^1.4.0"
       }
     },
+    "node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "peer": true,
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/envinfo": {
       "version": "7.8.1",
       "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.8.1.tgz",
@@ -6294,6 +6395,11 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/immutable": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.0.0.tgz",
+      "integrity": "sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw=="
+    },
     "node_modules/import-fresh": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
@@ -7561,6 +7667,17 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "peer": true
+    },
+    "node_modules/memoize-one": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
+      "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q=="
+    },
     "node_modules/merge-stream": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-1.0.1.tgz",
@@ -8351,6 +8468,15 @@
       "integrity": "sha512-iniQP4rj1FhBdBYS/+eQv7j1tadJ9lJtdzgOpvsOHng/GbcDh2Fhdeq+ZRldrPYdXvCyfFUmFeEwEGXZB5I/AQ==",
       "peer": true
     },
+    "node_modules/moment": {
+      "version": "2.29.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
+      "integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==",
+      "optional": true,
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -8521,6 +8647,15 @@
         "node": ">=4"
       }
     },
+    "node_modules/nth-check": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
+      "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
+      "peer": true,
+      "dependencies": {
+        "boolbase": "~1.0.0"
+      }
+    },
     "node_modules/nullthrows": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/nullthrows/-/nullthrows-1.1.1.tgz",
@@ -9305,6 +9440,23 @@
         "react": "16.13.1"
       }
     },
+    "node_modules/react-native-calendars": {
+      "version": "1.1268.0",
+      "resolved": "https://registry.npmjs.org/react-native-calendars/-/react-native-calendars-1.1268.0.tgz",
+      "integrity": "sha512-aot8/D4zvLUcqOvfo4kZk5IS6gkpT+Ew37Ez035OI8EDx1GDJxkqfO44Nhai1yLnIuvuOfbSIuOD4lJNn8A7hw==",
+      "dependencies": {
+        "hoist-non-react-statics": "^3.3.1",
+        "immutable": "^4.0.0-rc.12",
+        "lodash": "^4.17.15",
+        "memoize-one": "^5.2.1",
+        "prop-types": "^15.5.10",
+        "react-native-swipe-gestures": "^1.0.5",
+        "xdate": "^0.8.0"
+      },
+      "optionalDependencies": {
+        "moment": "^2.24.0"
+      }
+    },
     "node_modules/react-native-communications": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/react-native-communications/-/react-native-communications-2.2.1.tgz",
@@ -9409,6 +9561,15 @@
         "prop-types": "^15.7.2"
       }
     },
+    "node_modules/react-native-multi-selectbox": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/react-native-multi-selectbox/-/react-native-multi-selectbox-1.5.0.tgz",
+      "integrity": "sha512-yRxV8PPD0TIRoXK4WduHcADzroB2UWGbJIlKEGkvz8sPPs80o8wdJDthuqbvO7U6rIP2ABb/TRaJAFAxFTi8jw==",
+      "peerDependencies": {
+        "lodash": "^4.17.19",
+        "react-native-svg": "^12.1.0"
+      }
+    },
     "node_modules/react-native-paper": {
       "version": "4.9.2",
       "resolved": "https://registry.npmjs.org/react-native-paper/-/react-native-paper-4.9.2.tgz",
@@ -9499,6 +9660,25 @@
         "react-native": "*"
       }
     },
+    "node_modules/react-native-svg": {
+      "version": "12.1.1",
+      "resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-12.1.1.tgz",
+      "integrity": "sha512-NIAJ8jCnXGCqGWXkkJ1GTzO4a3Md5at5sagYV8Vh4MXYnL4z5Rh428Wahjhh+LIjx40EE5xM5YtwyJBqOIba2Q==",
+      "peer": true,
+      "dependencies": {
+        "css-select": "^2.1.0",
+        "css-tree": "^1.0.0-alpha.39"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-native": ">=0.50.0"
+      }
+    },
+    "node_modules/react-native-swipe-gestures": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/react-native-swipe-gestures/-/react-native-swipe-gestures-1.0.5.tgz",
+      "integrity": "sha512-Ns7Bn9H/Tyw278+5SQx9oAblDZ7JixyzeOczcBK8dipQk2pD7Djkcfnf1nB/8RErAmMLL9iXgW0QHqiII8AhKw=="
+    },
     "node_modules/react-native-vector-icons": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/react-native-vector-icons/-/react-native-vector-icons-8.1.0.tgz",
@@ -11917,6 +12097,11 @@
         "uuid": "dist/bin/uuid"
       }
     },
+    "node_modules/xdate": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/xdate/-/xdate-0.8.2.tgz",
+      "integrity": "sha1-17AzwASF0CaVuvAET06s2j/JYaM="
+    },
     "node_modules/xml2js": {
       "version": "0.4.23",
       "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.23.tgz",
@@ -15097,6 +15282,12 @@
       "resolved": "https://registry.npmjs.org/blueimp-md5/-/blueimp-md5-2.18.0.tgz",
       "integrity": "sha512-vE52okJvzsVWhcgUHOv+69OG3Mdg151xyn41aVQN/5W5S+S43qZhxECtYLAEHMSFWX6Mv5IZrzj3T5+JqXfj5Q=="
     },
+    "boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
+      "peer": true
+    },
     "bplist-creator": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/bplist-creator/-/bplist-creator-0.0.8.tgz",
@@ -15659,6 +15850,42 @@
         "isobject": "^3.0.1"
       }
     },
+    "css-select": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.1.0.tgz",
+      "integrity": "sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==",
+      "peer": true,
+      "requires": {
+        "boolbase": "^1.0.0",
+        "css-what": "^3.2.1",
+        "domutils": "^1.7.0",
+        "nth-check": "^1.0.2"
+      }
+    },
+    "css-tree": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
+      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+      "peer": true,
+      "requires": {
+        "mdn-data": "2.0.14",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "peer": true
+        }
+      }
+    },
+    "css-what": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
+      "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==",
+      "peer": true
+    },
     "csstype": {
       "version": "3.0.9",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.9.tgz",
@@ -15740,11 +15967,45 @@
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
       "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
     },
+    "dom-serializer": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
+      "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
+      "peer": true,
+      "requires": {
+        "domelementtype": "^2.0.1",
+        "entities": "^2.0.0"
+      },
+      "dependencies": {
+        "domelementtype": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.2.0.tgz",
+          "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==",
+          "peer": true
+        }
+      }
+    },
     "dom-storage": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/dom-storage/-/dom-storage-2.1.0.tgz",
       "integrity": "sha512-g6RpyWXzl0RR6OTElHKBl7nwnK87GUyZMYC7JWsB/IA73vpqK2K6LT39x4VepLxlSsWBFrPVLnsSR5Jyty0+2Q=="
     },
+    "domelementtype": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
+      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==",
+      "peer": true
+    },
+    "domutils": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
+      "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
+      "peer": true,
+      "requires": {
+        "dom-serializer": "0",
+        "domelementtype": "1"
+      }
+    },
     "ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -15781,6 +16042,12 @@
         "once": "^1.4.0"
       }
     },
+    "entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "peer": true
+    },
     "envinfo": {
       "version": "7.8.1",
       "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.8.1.tgz",
@@ -16938,6 +17205,11 @@
       "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.6.3.tgz",
       "integrity": "sha512-47xSUiQioGaB96nqtp5/q55m0aBQSQdyIloMOc/x+QVTDZLNmXE892IIDrJ0hM1A5vcNUDD5tDffkSP5lCaIIA=="
     },
+    "immutable": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.0.0.tgz",
+      "integrity": "sha512-zIE9hX70qew5qTUjSS7wi1iwj/l7+m54KWU247nhM3v806UdGj1yDndXj+IOYxxtW9zyLI+xqFNZjTuDaLUqFw=="
+    },
     "import-fresh": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
@@ -17964,6 +18236,17 @@
         "buffer-alloc": "^1.1.0"
       }
     },
+    "mdn-data": {
+      "version": "2.0.14",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
+      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
+      "peer": true
+    },
+    "memoize-one": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
+      "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q=="
+    },
     "merge-stream": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-1.0.1.tgz",
@@ -18638,6 +18921,12 @@
       "integrity": "sha512-iniQP4rj1FhBdBYS/+eQv7j1tadJ9lJtdzgOpvsOHng/GbcDh2Fhdeq+ZRldrPYdXvCyfFUmFeEwEGXZB5I/AQ==",
       "peer": true
     },
+    "moment": {
+      "version": "2.29.1",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.1.tgz",
+      "integrity": "sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==",
+      "optional": true
+    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -18773,6 +19062,15 @@
         "path-key": "^2.0.0"
       }
     },
+    "nth-check": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
+      "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
+      "peer": true,
+      "requires": {
+        "boolbase": "~1.0.0"
+      }
+    },
     "nullthrows": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/nullthrows/-/nullthrows-1.1.1.tgz",
@@ -19638,6 +19936,21 @@
         }
       }
     },
+    "react-native-calendars": {
+      "version": "1.1268.0",
+      "resolved": "https://registry.npmjs.org/react-native-calendars/-/react-native-calendars-1.1268.0.tgz",
+      "integrity": "sha512-aot8/D4zvLUcqOvfo4kZk5IS6gkpT+Ew37Ez035OI8EDx1GDJxkqfO44Nhai1yLnIuvuOfbSIuOD4lJNn8A7hw==",
+      "requires": {
+        "hoist-non-react-statics": "^3.3.1",
+        "immutable": "^4.0.0-rc.12",
+        "lodash": "^4.17.15",
+        "memoize-one": "^5.2.1",
+        "moment": "^2.24.0",
+        "prop-types": "^15.5.10",
+        "react-native-swipe-gestures": "^1.0.5",
+        "xdate": "^0.8.0"
+      }
+    },
     "react-native-communications": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/react-native-communications/-/react-native-communications-2.2.1.tgz",
@@ -19728,6 +20041,12 @@
         "prop-types": "^15.7.2"
       }
     },
+    "react-native-multi-selectbox": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/react-native-multi-selectbox/-/react-native-multi-selectbox-1.5.0.tgz",
+      "integrity": "sha512-yRxV8PPD0TIRoXK4WduHcADzroB2UWGbJIlKEGkvz8sPPs80o8wdJDthuqbvO7U6rIP2ABb/TRaJAFAxFTi8jw==",
+      "requires": {}
+    },
     "react-native-paper": {
       "version": "4.9.2",
       "resolved": "https://registry.npmjs.org/react-native-paper/-/react-native-paper-4.9.2.tgz",
@@ -19800,6 +20119,21 @@
         "warn-once": "^0.1.0"
       }
     },
+    "react-native-svg": {
+      "version": "12.1.1",
+      "resolved": "https://registry.npmjs.org/react-native-svg/-/react-native-svg-12.1.1.tgz",
+      "integrity": "sha512-NIAJ8jCnXGCqGWXkkJ1GTzO4a3Md5at5sagYV8Vh4MXYnL4z5Rh428Wahjhh+LIjx40EE5xM5YtwyJBqOIba2Q==",
+      "peer": true,
+      "requires": {
+        "css-select": "^2.1.0",
+        "css-tree": "^1.0.0-alpha.39"
+      }
+    },
+    "react-native-swipe-gestures": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/react-native-swipe-gestures/-/react-native-swipe-gestures-1.0.5.tgz",
+      "integrity": "sha512-Ns7Bn9H/Tyw278+5SQx9oAblDZ7JixyzeOczcBK8dipQk2pD7Djkcfnf1nB/8RErAmMLL9iXgW0QHqiII8AhKw=="
+    },
     "react-native-vector-icons": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/react-native-vector-icons/-/react-native-vector-icons-8.1.0.tgz",
@@ -21442,6 +21776,11 @@
         }
       }
     },
+    "xdate": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/xdate/-/xdate-0.8.2.tgz",
+      "integrity": "sha1-17AzwASF0CaVuvAET06s2j/JYaM="
+    },
     "xml2js": {
       "version": "0.4.23",
       "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.23.tgz",

package.json

@@ -18,7 +18,9 @@
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "react-native": "https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz",
+    "react-native-calendars": "^1.1268.0",
     "react-native-gifted-chat": "^0.16.3",
+    "react-native-multi-selectbox": "^1.5.0",
     "react-native-paper": "^4.9.2",
     "react-native-web": "~0.13.12",
     "react-redux": "^7.2.5",

screens/main/Calendar.js

@@ -4,7 +4,7 @@ import {
   Text,
   View
 } from 'react-native';
-import CalendarPicker from 'react-native-calendar-picker';
+//import CalendarPicker from 'react-native-calendar-picker';
 import {Calendar, CalendarList} from 'react-native-calendars';
 
 
@@ -13,6 +13,7 @@ export default class Calendario extends Component {
     super(props);
     this.state = {
       selectedStartDate: null,
+      interpreter_id : this.props.route.params.Intereprete_id,
     };
     this.onDayPress = this.onDayPress.bind(this);
     
@@ -23,13 +24,14 @@ export default class Calendario extends Component {
       selectedStartDate: date,
     });
 
-    this.props.navigation.navigate('StateTime', {Appointment_Date: date});
+    this.props.navigation.navigate('StateTime', {Appointment_Date: date, int_id : this.state.interpreter_id});
   }
   
   render() {
     const { selectedStartDate } = this.state;
     const today = new Date();
     const appointment = selectedStartDate ? selectedStartDate.toString() : '';
+    console.log(this.props.route.params)
     return (
       <View style={styles.container}>
         <Calendar

screens/main/Home_page.js

@@ -94,7 +94,7 @@ export function Home_page({navigation}) {
       />
       <Button
         title ='Hacer Busqueda'
-        onPress= {() => navigation.navigate('Busqueda')}
+        onPress= {() => navigation.navigate('Search')}
       />
         </ImageBackground>
     );

screens/main/Search.js

@@ -0,0 +1,274 @@
+import React, { useState } from 'react'
+import { Text, View,  StyleSheet, FlatList, TouchableOpacity } from 'react-native'
+import SelectBox from 'react-native-multi-selectbox'
+import { xorBy } from 'lodash'
+import firebase from 'firebase'
+import { firebaseConfig } from '../../config/firebaseConfig'
+  
+
+if (firebase.apps.length === 0) {
+  firebase.initializeApp(firebaseConfig)
+}
+
+require('firebase/firestore')
+// Options data must contain 'item' & 'id' keys
+
+const Tags = [
+  {
+    item: 'Presencial',
+    id: 'PL',
+  },
+  {
+    item: 'Online',
+    id: 'ON',
+  },
+  {
+    item: 'Individual',
+    id: 'IL',
+  },
+  {
+    item: 'Grupal',
+    id: 'GL',
+  },
+  {
+    item: 'Esp',
+    id: 'ESP',
+  },
+  {
+    item: 'Ing',
+    id: 'ING',
+  }
+
+]
+
+
+const Days = [
+  {
+    item: 'Lunes',
+    id: 'L',
+  },
+  {
+    item: 'Martes',
+    id: 'M',
+  },
+  {
+    item: 'Miercoles',
+    id: 'W',
+  },
+  {
+    item: 'Jueves',
+    id: 'J',
+  },
+  {
+    item: 'Viernes',
+    id: 'V',
+  },
+  {
+    item: 'Sabado',
+    id: 'S',
+  },
+  {
+    item: 'Domingo',
+    id: 'D',
+  },
+  {
+    item: 'Feriados',
+    id: 'F',
+  }
+]
+
+
+
+function Search({ navigation }) {
+
+  
+  const [users, setUsers] = useState([])
+  const [selectedTags, setSelectedTags] = useState([])
+  const [selectedDays, setSelectedDays] = useState([])
+
+  
+  const fetchUsers = (tags, days) => {
+    
+    //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 && days.length === 0) {
+      return
+    }
+
+    //reset the users usestate to empty
+    const users = []
+    
+    
+
+    const db = firebase.firestore()
+    var query = db.collection('Interprete')
+    
+    for (let i = 0; i < tags.length; i++) {
+      //check which tags where called in the search 
+      if (tags[i].id === 'PL') {
+        console.log('Presencial')
+        query = query.where('Modalidad.Presencial', '==', true)
+      }
+      if (tags[i] == 'OL') {
+        query = query.where('Modalidad.Online', '==', true)
+      }
+      if (tags[i] == 'IL') {
+        query = query.where('Cantidad.Individual', '==', true)
+      }
+      if (tags[i] == 'GL') {
+        query = query.where('Cantidad.Grupal', '==', true)
+      }
+      if (tags[i] == 'ESP') {
+        query = query.where('Lenguaje.Esp', '==', true)
+      }
+      if (tags[i] == 'ING') {
+        query = query.where('Lenguaje.Ing', '==', true)
+      }
+  }
+  for(let i = 0; i < days.length; i++) {
+    if (days[i].id === 'L') {
+      query = query.where('dias.Lunes', '==', true)
+    }
+    if (days[i].id === 'M') {
+      query = query.where('dias.Martes', '==', true)
+    }
+    if (days[i].id === 'W') {
+      query = query.where('dias.Miercoles', '==', true)
+    }
+    if (days[i].id === 'J') {
+      query = query.where('dias.Jueves', '==', true)
+    }
+    if (days[i].id === 'V') {
+      query = query.where('dias.Viernes', '==', true)
+    }
+    if (days[i].id === 'S') {
+      query = query.where('dias.Sabado', '==', true)
+    }
+    if (days[i].id === 'D') {
+      query = query.where('dias.Domingo', '==', true)
+    }
+    if (days[i].id === 'F') {
+      query = query.where('dias.Feriados', '==', true)
+    }
+  }
+    query.get().then(querySnapshot => {
+      console.log('Total users: ', querySnapshot.size);
+      //traverse the query snapshot
+      //add the user to the users array
+      querySnapshot.forEach(documentSnapshot => {
+        //save the user id and the user data
+        const user = {
+          id: documentSnapshot.id,
+          data: documentSnapshot.data()
+        }
+        users.push(user)
+        setUsers(users)
+      });
+    });
+    console.log('These are the users after the query is executed: ',  users)
+    
+  }
+
+
+  return (
+    <View style={{ margin: 30 }}>
+      <View style={{ width: '100%', alignItems: 'center' }}>
+        <Text style={{ fontSize: 30, paddingBottom: 20 }}>Busqueda</Text>
+      </View>
+      <Text style={{ fontSize: 20, paddingBottom: 10 }}>Filtro de Interpretes</Text>
+      <SelectBox
+        arrowIconColor='#E4CD05'
+        toggleIconColor='#E4CD05'
+        searchIconColor='#E4CD05'
+        multiOptionContainerStyle = {{
+          backgroundColor: '#E4CD05',
+          borderColor: '#E4CD05',
+          borderWidth: 1,
+          borderRadius: 5,
+          marginBottom: 10,
+          marginTop: 10,
+          padding: 10,
+        }}
+        multiOptionsLabelStyle = {{
+          color: '#000000',
+          fontSize: 20,
+        }}
+        label="Select multiple"
+        options={Tags}
+        selectedValues={selectedTags}
+        onMultiSelect={onMultiChange()}
+        onTapClose={onMultiChange()}
+        isMulti
+      />
+      <Text style={{ fontSize: 20, paddingBottom: 10 }}>Dias Disponibles</Text>
+      <SelectBox
+      arrowIconColor='#E4CD05'
+      toggleIconColor='#E4CD05'
+      searchIconColor='#E4CD05'
+      multiOptionContainerStyle = {{
+        backgroundColor: '#E4CD05',
+        borderColor: '#E4CD05',
+        borderWidth: 1,
+        borderRadius: 5,
+        marginBottom: 10,
+        marginTop: 10,
+        padding: 10,
+      }}
+      multiOptionsLabelStyle = {{
+        color: '#000000',
+        fontSize: 20,
+      }}
+        label="Select multiple"
+        options={Days}
+        selectedValues={selectedDays}
+        onMultiSelect={(item) => setSelectedDays(xorBy(selectedDays, [item], 'id'))}
+        onTapClose={(item) => setSelectedDays(xorBy(selectedDays, [item], 'id'))}
+        isMulti
+      />
+
+      {/* button that will fetch the users */}
+      <button onClick={() => fetchUsers(selectedTags, selectedDays)}>Buscar</button>
+
+
+      <FlatList
+        numColumns={1}
+        horizontal={false}
+        data={users}
+        
+        renderItem={({ item, }) => {
+          return (
+            <View style={{ flexDirection: "row", justifyContent: "space-between" }}>
+              <Text>{item.data.name}</Text>
+              <button  styles = {styles.button}     onClick={() => { dothing(item.id) }}>Button</button>
+            </View>
+          )
+        }}
+        />
+
+    </View>
+  );
+
+  function onMultiChange() {
+    return (item) => setSelectedTags(xorBy(selectedTags, [item], 'id'))
+  }
+  
+  function dothing(item) {
+    console.log('This is the item id: ', item)
+    navigation.navigate('Calendar', {Intereprete_id: item})
+  } 
+
+}
+
+const styles = StyleSheet.create({
+  
+  button: {
+    alignItems: "center",
+    backgroundColor: 'transparent'
+  },
+});
+
+
+
+
+export default Search

screens/main/StateTime.js

@@ -10,6 +10,7 @@ export default class Time extends Component{
     super(props);
     this.state = {
       Appointment : this.props.route.params.Appointment_Date,
+      int2_id : this.props.route.params.int_id,
     }
     this.time_assignment = this.time_assignment.bind(this);
   }
@@ -27,9 +28,11 @@ export default class Time extends Component{
   const month = this.state.Appointment.month
   const day = this.state.Appointment.day
   const _time_ = selectedTime
+  const i_id = this.state.int2_id
   firebase.firestore()
   .collection('APPOINTMENTS')
   .add({ 
+    i_id : i_id,
     uid1: uid, 
     Month : month,
     Day: day,