From 754c148e69fe94944d143763a1b8b4390782c267 Mon Sep 17 00:00:00 2001
From: KostyaDanovsky <kostya.danovsky@gmail.com>
Date: Tue, 12 Sep 2017 19:21:49 +0300
Subject: [PATCH] fix(dashboard): improve contacts responsiveness

---
 src/app/pages/dashboard/contacts/contacts.component.html | 2 +-
 src/app/pages/dashboard/contacts/contacts.component.ts   | 9 +++++++--
 src/app/pages/dashboard/dashboard.module.ts              | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/app/pages/dashboard/contacts/contacts.component.html b/src/app/pages/dashboard/contacts/contacts.component.html
index 4a84582b..4e3e7cb5 100644
--- a/src/app/pages/dashboard/contacts/contacts.component.html
+++ b/src/app/pages/dashboard/contacts/contacts.component.html
@@ -1,4 +1,4 @@
-<nb-card [size]="breakpoint.width >= 1600 ? 'large' : 'xlarge'">
+<nb-card [size]="breakpoint.width >= breakpoints.xxxl ? 'large' : 'xlarge'">
   <nb-tabset fullWidth>
     <nb-tab tabTitle="Contacts">
       <div class="contact" *ngFor="let c of contacts">
diff --git a/src/app/pages/dashboard/contacts/contacts.component.ts b/src/app/pages/dashboard/contacts/contacts.component.ts
index 8e7e0f26..a9110a2a 100644
--- a/src/app/pages/dashboard/contacts/contacts.component.ts
+++ b/src/app/pages/dashboard/contacts/contacts.component.ts
@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { NbThemeService, NbMediaBreakpoint } from '@nebular/theme';
+import { NbThemeService, NbMediaBreakpoint, NbMediaBreakpointsService } from '@nebular/theme';
 
 import { UserService } from '../../../@core/data/users.service';
 
@@ -13,8 +13,13 @@ export class ContactsComponent implements OnInit {
   contacts: any[];
   recent: any[];
   breakpoint: NbMediaBreakpoint;
+  breakpoints: any;
 
-  constructor(private userService: UserService, private themeService: NbThemeService) {
+  constructor(private userService: UserService,
+              private themeService: NbThemeService,
+              private breakpointService: NbMediaBreakpointsService) {
+
+    this.breakpoints = breakpointService.getBreakpointsMap();
     themeService.onMediaQueryChange()
       .subscribe(([oldValue, newValue]) => {
         this.breakpoint = newValue;
diff --git a/src/app/pages/dashboard/dashboard.module.ts b/src/app/pages/dashboard/dashboard.module.ts
index f3c06bbb..04c154a6 100644
--- a/src/app/pages/dashboard/dashboard.module.ts
+++ b/src/app/pages/dashboard/dashboard.module.ts
@@ -16,7 +16,7 @@ import { ElectricityComponent } from './electricity/electricity.component';
 import { ElectricityChartComponent } from './electricity/electricity-chart/electricity-chart.component';
 import { WeatherComponent } from './weather/weather.component';
 import { SolarComponent } from './solar/solar.component';
-import { PlayerComponent } from './player/player.component';
+import { PlayerComponent } from './rooms/player/player.component';
 import { TrafficComponent } from './traffic/traffic.component';
 import { TrafficChartComponent } from './traffic/traffic-chart.component';