From f27ebd7a68b8163dd6a8225ceea10ecb845cfbde Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Wed, 25 Sep 2019 22:58:25 +0200
Subject: [PATCH] feat: make project transition slightly smoother

---
 src/app/app.component.ts                              | 2 +-
 src/app/pages/work-view/work-view-page.component.html | 2 ++
 src/app/pages/work-view/work-view-page.component.ts   | 2 ++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index be2c7bb52e..2ad81118f6 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -70,7 +70,7 @@ export class AppComponent {
     private _store: Store<any>,
     public readonly layoutService: LayoutService,
     public readonly bookmarkService: BookmarkService,
-    public readonly noteService: NoteService,
+    public projectService: ProjectService,
   ) {
     // try to avoid data-loss
     if (navigator.storage && navigator.storage.persist) {
diff --git a/src/app/pages/work-view/work-view-page.component.html b/src/app/pages/work-view/work-view-page.component.html
index 836e745deb..a84d12d964 100644
--- a/src/app/pages/work-view/work-view-page.component.html
+++ b/src/app/pages/work-view/work-view-page.component.html
@@ -1,4 +1,6 @@
 <div #containerEl
+     *ngIf="!(projectService.isProjectChanging$|async)"
+     @fade
      class="wrapper">
   <div #splitTopEl
        class="today">
diff --git a/src/app/pages/work-view/work-view-page.component.ts b/src/app/pages/work-view/work-view-page.component.ts
index 02e205a475..98d22e1c56 100644
--- a/src/app/pages/work-view/work-view-page.component.ts
+++ b/src/app/pages/work-view/work-view-page.component.ts
@@ -12,6 +12,7 @@ import {fadeAnimation} from '../../ui/animations/fade.ani';
 import {PlanningModeService} from '../../features/planning-mode/planning-mode.service';
 import {T} from '../../t.const';
 import {ImprovementService} from '../../features/metric/improvement/improvement.service';
+import {ProjectService} from '../../features/project/project.service';
 
 const SUB = 'SUB';
 const PARENT = 'PARENT';
@@ -48,6 +49,7 @@ export class WorkViewPageComponent implements OnInit, OnDestroy {
 
   constructor(
     public taskService: TaskService,
+    public projectService: ProjectService,
     public takeABreakService: TakeABreakService,
     public planningModeService: PlanningModeService,
     public improvementService: ImprovementService,