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>
Index: src/stock-on-hand-mobile/pages/stock-on-hand.jsx
===================================================================
diff -u -N
--- src/stock-on-hand-mobile/pages/stock-on-hand.jsx	(revision 0)
+++ src/stock-on-hand-mobile/pages/stock-on-hand.jsx	(revision 95eac7091708c61fd9b3e5bc296833980ea73812)
@@ -0,0 +1,24 @@
+/*
+ * This program is part of the OpenLMIS logistics management information system platform software.
+ * Copyright © 2017 VillageReach
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms
+ * of the GNU Affero General Public License as published by the Free Software Foundation, either
+ * version 3 of the License, or (at your option) any later version.
+ *  
+ * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
+ * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
+ * See the GNU Affero General Public License for more details. You should have received a copy of
+ * the GNU Affero General Public License along with this program. If not, see
+ * http://www.gnu.org/licenses.  For additional information contact info@OpenLMIS.org. 
+ */
+
+const StockOnHand = () => {
+    return (
+        <div>
+            hello
+        </div>
+    )
+};
+
+export default StockOnHand;
\ No newline at end of file
Index: src/stock-on-hand-mobile/stock-on-hand-app.jsx
===================================================================
diff -u -N -r7f9ffae3458e2f9994249398a1d526a3cbe861d6 -r95eac7091708c61fd9b3e5bc296833980ea73812
--- src/stock-on-hand-mobile/stock-on-hand-app.jsx	(.../stock-on-hand-app.jsx)	(revision 7f9ffae3458e2f9994249398a1d526a3cbe861d6)
+++ src/stock-on-hand-mobile/stock-on-hand-app.jsx	(.../stock-on-hand-app.jsx)	(revision 95eac7091708c61fd9b3e5bc296833980ea73812)
@@ -20,6 +20,7 @@
 import { setSupervisedProgramsStockOnHand } from './reducers/programs';
 import { setUserHomeFacilityStockOnHand, setSupervisedFacilitiesStockOnHand } from './reducers/facilities';
 import ProgramSelect from './pages/program-select';
+import StockOnHand from './pages/stock-on-hand';
 
 const StockOnHandApp = ({
     asynchronousService,
@@ -151,6 +152,12 @@
                             />
                         }
                     </Route>
+                    <Route path='/stockOnHand/facility/program'>
+                        {
+                            userHomeFacilityStore &&
+                            <StockOnHand/>
+                        }
+                    </Route>
                 </Switch>
             </Router>
         </div>
Index: src/stock-on-hand-mobile/stock-on-hand.routes.js
===================================================================
diff -u -N -rd337a0ac836544c6a7201f924878e2fd5f88370e -r95eac7091708c61fd9b3e5bc296833980ea73812
--- src/stock-on-hand-mobile/stock-on-hand.routes.js	(.../stock-on-hand.routes.js)	(revision d337a0ac836544c6a7201f924878e2fd5f88370e)
+++ src/stock-on-hand-mobile/stock-on-hand.routes.js	(.../stock-on-hand.routes.js)	(revision 95eac7091708c61fd9b3e5bc296833980ea73812)
@@ -45,6 +45,23 @@
                 }
             },
             accessRights: [STOCKMANAGEMENT_RIGHTS.STOCK_CARDS_VIEW]
-        });
+        })
+            .state('openlmis.stockmanagement.stockOnHandMobile.stockOnHand', {
+                url: '/stockOnHand',
+                isOffline: true,
+                // showInNavigation: false,
+                // showInNavigationOnLowResolutions: false,
+                accessRights: [STOCKMANAGEMENT_RIGHTS.STOCK_CARDS_VIEW]
+            })
+            .state('openlmis.stockmanagement.stockOnHandMobile.stockOnHand.facility', {
+                url: '/facility',
+                isOffline: true,
+                accessRights: [STOCKMANAGEMENT_RIGHTS.STOCK_CARDS_VIEW]
+            })
+            .state('openlmis.stockmanagement.stockOnHandMobile.stockOnHand.facility.program', {
+                url: '/program',
+                isOffline: true,
+                accessRights: [STOCKMANAGEMENT_RIGHTS.STOCK_CARDS_VIEW]
+            });
     }
 })();