Index: src/stock-on-hand-mobile/pages/program-select.jsx
===================================================================
diff -u -N -r7f9ffae3458e2f9994249398a1d526a3cbe861d6 -r95eac7091708c61fd9b3e5bc296833980ea73812
--- src/stock-on-hand-mobile/pages/program-select.jsx	(.../program-select.jsx)	(revision 7f9ffae3458e2f9994249398a1d526a3cbe861d6)
+++ src/stock-on-hand-mobile/pages/program-select.jsx	(.../program-select.jsx)	(revision 95eac7091708c61fd9b3e5bc296833980ea73812)
@@ -14,13 +14,16 @@
  */
 
 import React, { useMemo, useEffect, useState } from 'react';
+import { useHistory } from 'react-router-dom';
 import { useSelector } from 'react-redux';
 import RadioButton from '../../react-components/buttons/radio-button';
 import Select from '../../react-components/inputs/select';
 import InputWithSuggestions from '../../react-components/inputs/input-with-suggestions';
 
 const ProgramSelect = ({ offlineService }) => {
 
+    const history = useHistory();
+
     const convertIntoSelectOptions = (values) => {
       return values.map(({ id, name }) => ({ value: id, name }));
     };
@@ -52,6 +55,11 @@
       setSupervisedFacilitiesOptions(supervisedFacilities[value]);
     };
 
+
+    const handleSearch = (programId, facilityId) => {
+      history.push(`/stockOnHand/${facilityId}/${programId}`);
+    } 
+    
     const menu = document.getElementsByClassName('header ng-scope')[0];
     
     useEffect(() => {
@@ -135,6 +143,7 @@
                   type='button'
                   style={{ marginTop: '0.5em' }}
                   disabled={!programId || !facilityId}
+                  onClick={() => handleSearch(programId, facilityId)}
                 >
                   Search
                 </button>