Cleanup

Author: kum-deepak

src/app/status/status.component.css

@@ -10,22 +10,20 @@ span#status-label {
     text-align: left;
 }
 
+/* Make it a circle */
 div#indicator {
     width: 12px;
     height: 12px;
     border-radius: 6px;
     margin: 0 10px;
     display: inline-block;
+    background: #ffbf00; /* Ember by default, will be used for CONNECTING and CLOSING */
 }
 
 div.CLOSED#indicator {
     background: red;
 }
 
-div.CONNECTING#indicator, div.CLOSING#indicator {
-    background: #ffbf00;
-}
-
 div.OPEN#indicator {
     background: green;
 }

src/app/status/status.component.ts

@@ -9,16 +9,13 @@ import {RxStompState} from '@stomp/rx-stomp';
   templateUrl: './status.component.html',
   styleUrls: ['./status.component.css']
 })
-export class StatusComponent implements OnInit {
+export class StatusComponent {
   public connectionStatus$: Observable<string>;
 
   constructor(public rxStompService: RxStompService) {
     this.connectionStatus$ = rxStompService.connectionState$.pipe(map((state) => {
+      // convert numeric RxStompState to string
       return RxStompState[state];
     }));
   }
-
-  ngOnInit() {
-  }
-
 }