chore(grids): fix typo and check if rowContext is nullish

Author: RivaIvanova

src/app/grid/grid-action-strip/grid-action-strip-sample.ts

@@ -18,7 +18,7 @@ export class GridActionStripSampleComponent {
     }
 
     public isDirty(rowContext: RowType) {
-        const isRowEdited = this.grid.transactions.getAggregatedChanges(true).find(x => x.id === rowContext.key);
+        const isRowEdited = this.grid.transactions.getAggregatedChanges(true).find(x => x.id === rowContext?.key);
         return rowContext && (rowContext.deleted || isRowEdited);
     }
 

src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.ts

@@ -29,7 +29,7 @@ export class HGridActionStripSampleComponent implements AfterViewInit{
     public formatter = (a) => a;
 
     public isDirty(rowContext: RowType) {
-        const isRowEdited = this.grid.transactions.getAggregatedChanges(true).find(x => x.id === rowContext.key);
+        const isRowEdited = this.grid.transactions.getAggregatedChanges(true).find(x => x.id === rowContext?.key);
         return rowContext && (rowContext.deleted || isRowEdited);
     }
 

src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.html

@@ -28,7 +28,7 @@
                     (click)='redo(actionstrip.context)'>
                     <igx-icon>redo</igx-icon>
                 </button>
-                <button title='Saveeeeeeee' igxButton="icon" igxRipple *ngIf='isDirty(actionstrip.context)'
+                <button title='Save' igxButton="icon" igxRipple *ngIf='isDirty(actionstrip.context)'
                     (click)='commit(actionstrip.context)'>
                     <igx-icon>save</igx-icon>
                 </button>

src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { Component, ViewChild } from '@angular/core';
 import { IgxTreeGridComponent, RowType, Transaction } from 'igniteui-angular';
 import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed';
 
@@ -18,7 +18,7 @@ export class TreeGridActionStripSampleComponent {
     }
 
     public isDirty(rowContext: RowType) {
-        const isRowEdited = this.grid.transactions.getAggregatedChanges(true).find(x => x.id === rowContext.key);
+        const isRowEdited = this.grid.transactions.getAggregatedChanges(true).find(x => x.id === rowContext?.key);
         return rowContext && (rowContext.deleted || isRowEdited);
     }