import { Component, OnInit } from '@angular/core';
import { filter, map } from 'rxjs/operators';
import { SessionStore } from '../../providers';

@Component({
  selector: 'app-version-label',
  templateUrl: './version-label.component.html',
  styleUrls: ['./version-label.component.css']
})
export class VersionLabelComponent implements OnInit {
  version: string;
  constructor(private sessionStore: SessionStore) {}

  ngOnInit() {
    this.sessionStore.session$
      .pipe(
        filter(
          session =>
            session !== null &&
            session !== undefined &&
            session.version !== null &&
            session.version !== undefined &&
            session.version.length > 0
        ),
        map(session => session.version)
      )
      .subscribe(version => {
        this.version = `v${version}`;
      });
  }
}