From c72e8dea37551bdd0c029505068ab0ef6e9e69b4 Mon Sep 17 00:00:00 2001
From: anandtiwary <52081890+anandtiwary@users.noreply.github.com>
Date: Fri, 16 Jul 2021 12:40:53 -0700
Subject: [PATCH] refactor: adding an option to hide time range in page header

---
 .../src/header/application/application-header.component.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/projects/components/src/header/application/application-header.component.ts b/projects/components/src/header/application/application-header.component.ts
index 4e6b649f6..15d8ee9e5 100644
--- a/projects/components/src/header/application/application-header.component.ts
+++ b/projects/components/src/header/application/application-header.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
 import { GLOBAL_HEADER_HEIGHT, NavigationService } from '@hypertrace/common';
 
 @Component({
@@ -15,7 +15,7 @@ import { GLOBAL_HEADER_HEIGHT, NavigationService } from '@hypertrace/common';
         <div class="left-side-content">
           <ng-content select="[left]"></ng-content>
         </div>
-        <div class="time-range">
+        <div class="time-range" *ngIf="this.showTimeRange">
           <ht-time-range></ht-time-range>
         </div>
       </div>
@@ -27,6 +27,9 @@ import { GLOBAL_HEADER_HEIGHT, NavigationService } from '@hypertrace/common';
   `
 })
 export class ApplicationHeaderComponent {
+  @Input()
+  public showTimeRange: boolean = true;
+
   public constructor(
     @Inject(GLOBAL_HEADER_HEIGHT) public readonly height: string,
     private readonly navigationService: NavigationService