Index: src/stock-on-hand-mobile/pages/stock-on-hand.jsx =================================================================== diff -u -N -r95eac7091708c61fd9b3e5bc296833980ea73812 -r70261f5c7613f4d536564b3f96b1a73980da3ec5 --- src/stock-on-hand-mobile/pages/stock-on-hand.jsx (.../stock-on-hand.jsx) (revision 95eac7091708c61fd9b3e5bc296833980ea73812) +++ src/stock-on-hand-mobile/pages/stock-on-hand.jsx (.../stock-on-hand.jsx) (revision 70261f5c7613f4d536564b3f96b1a73980da3ec5) @@ -13,12 +13,43 @@ * http://www.gnu.org/licenses.  For additional information contact info@OpenLMIS.org.  */ -const StockOnHand = () => { +import React, { useEffect } from 'react'; +import { useDispatch, useSelector } from 'react-redux'; +import { useParams } from 'react-router-dom'; +import { setFacilityStockOnHand } from '../reducers/facilities'; +import { setProgramStockOnHand } from '../reducers/programs'; + +const StockOnHand = ({ facilityService, programService }) => { + const { facilityId, programId } = useParams(); + const dispatch = useDispatch(); + + const facility = useSelector(state => state['facilitiesStockOnHand']['facilityStockOnHand']); + const program = useSelector(state => state['programsStockOnHand']['programStockOnHand']); + + const downloadFacilityData = () => { + return facilityService.get(facilityId).then((facility) => { + dispatch(setFacilityStockOnHand(facility)); + }) + } + + const downloadProgramData = () => { + return programService.get(programId).then((program) => { + dispatch(setProgramStockOnHand(program)); + }) + + } + + useEffect(() => { + Promise.all([downloadFacilityData(), downloadProgramData()]); + }, [facilityId, programId]) + return ( -
- hello +
+

+ { facility && program && `Stock on Hand - ${facility.name} - ${program.name}`} +

- ) + ); }; export default StockOnHand; \ No newline at end of file