[DSC-1831] used BrowserOnlyDirective to check from template

Author: alisaismailati

src/app/shared/context-menu/context-menu.component.html

@@ -1,4 +1,4 @@
-<div class="d-flex space-children-mr justify-content-end" *ngIf="browserPlatform && contextMenuObject">
+<div class="d-flex space-children-mr justify-content-end" dsRenderOnlyForBrowser>
   <ng-container *ngFor="let entry of (getStandAloneMenuEntries() | async)">
     <ng-container *ngComponentOutlet="entry; injector: objectInjector;"></ng-container>
   </ng-container>

src/app/shared/context-menu/context-menu.component.ts

@@ -48,11 +48,6 @@ export class ContextMenuComponent implements OnInit {
    */
   public optionCount = 0;
 
-  /**
-   * Flag to check csr rendering
-   */
-  browserPlatform = false;
-
   /**
    * Initialize instance variables
    *
@@ -63,13 +58,10 @@ export class ContextMenuComponent implements OnInit {
    */
   constructor(
     @Inject(DOCUMENT) private _document: Document,
-    @Inject(PLATFORM_ID) protected platformId: Object,
     private cdr: ChangeDetectorRef,
     private configurationService: ConfigurationDataService,
     private injector: Injector
-  ) {
-    this.browserPlatform = isPlatformBrowser(this.platformId);
-  }
+  ) { }
 
   ngOnInit(): void {
     this.objectInjector = Injector.create({