reactjs - React.js stepper -

hello trying build footer stepper inform users in app.

footer(stepper) component :

export default class footer extends component {    render() {     return (        <muithemeprovider>          <div classname="row">           <div classname="footer">           <div classname="container-fluid" style={containerstyle}>               <div classname="col-sm-12">                 <div classname="steps" style={stepstyle}><img src={trailergray} href="" width="60px" height="60px" style={{margin:25}} alt=""/></div>                 <div classname="steps" style={stepstyle}><img src={clockicon} href="" width="60px" height="60px" style={{margin:25}} alt=""/></div>                 <div classname="steps" style={stepstyle}><img src={shieldgrey} href="" width="60px" height="60px" style={{margin:25}} alt=""/></div>                 <div classname="steps" style={stepstyle}><img src={detailsgrey} href="" width="60px" height="60px" style={{margin:25}} alt=""/></div>                 <div classname="steps" style={stepstyle}><img src={detailsgrey} href="" width="60px" height="60px" style={{margin:25}} alt=""/></div>               </div>             </div>           </div>       </div>   </muithemeprovider>   );  } } 

i make div wraps images change background-color depending on route

and add footer component other views :

<footer />

i using react-router

could suggest path should go with? suggestions welcomed.thanks

you store path in state of reducer. state in footer , add second style depending if path 1 in step of stepper.