From 2846996b501f260e6cc31be8649f5595ce1bcaf3 Mon Sep 17 00:00:00 2001
From: VDyulgerov <volen1999@gmail.com>
Date: Thu, 23 Sep 2021 11:45:12 +0300
Subject: [PATCH] fix(grid): when formatter is missing display icon only #8978

---
 .../src/lib/grids/tree-grid/tree-cell.component.html            | 2 +-
 .../igniteui-angular/src/lib/test-utils/grid-samples.spec.ts    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html
index 7dd24796eee..8569c656624 100644
--- a/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html
+++ b/projects/igniteui-angular/src/lib/grids/tree-grid/tree-cell.component.html
@@ -38,7 +38,7 @@
                 : value
         }}</div>
     <igx-icon
-        *ngIf="column.dataType === 'boolean'"
+        *ngIf="column.dataType === 'boolean' && !this.formatter"
         [ngClass]="{ 'igx-icon--success': value, 'igx-icon--error': !value }"
         >{{ value ? "check" : "close" }}</igx-icon
     >
diff --git a/projects/igniteui-angular/src/lib/test-utils/grid-samples.spec.ts b/projects/igniteui-angular/src/lib/test-utils/grid-samples.spec.ts
index 485197a35eb..e837ceab023 100644
--- a/projects/igniteui-angular/src/lib/test-utils/grid-samples.spec.ts
+++ b/projects/igniteui-angular/src/lib/test-utils/grid-samples.spec.ts
@@ -165,7 +165,7 @@ export class ColumnCellFormatterComponent extends BasicGridComponent {
     }
 
     public boolFormatter(value: boolean): string {
-        return value ? 'true' : 'false';
+        return value ? 'check' : 'close';
     }
 }