connected/disconnected statuses text change

src/modules/MQTT/components/Status/index.js

@@ -54,10 +54,17 @@ const Step = styled.div`
 `;
 
 const Status = ({className, gatewayConnected, deviceConnected}) => {
+
+    gatewayConnected = gatewayConnected || deviceConnected;
+
     return (
         <div className={classNames('text-muted', className)}>
-            <Step><label>Gateway connected</label><StepIndicator active={gatewayConnected || deviceConnected}/></Step>
-            <Step><label>Device connected</label>
+            <Step>
+                <label>{gatewayConnected ? 'Gateway connected' : 'Gateway disconnected'}</label>
+                <StepIndicator active={gatewayConnected}/>
+            </Step>
+            <Step>
+                <label>{deviceConnected ? 'Device connected' : 'Device disconnected'}</label>
                 <Line active={deviceConnected}/>
                 <StepIndicator active={deviceConnected}/>
             </Step>