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 ( -