From dd85280a32d65b986abc6106732807c69acbb6c3 Mon Sep 17 00:00:00 2001
From: Aniket Katkar <51777795+aniketkatkar97@users.noreply.github.com>
Date: Mon, 22 Aug 2022 16:52:46 +0530
Subject: [PATCH] Fix #6780 : fixed the error occuring when dataTypeDisplay
 value is not present (#6840)

---
 .../EntityTable/EntityTable.component.tsx     | 64 +++++++++++--------
 1 file changed, 36 insertions(+), 28 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.component.tsx
index 71a16a156a8..ad24c050333 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/EntityTable/EntityTable.component.tsx
@@ -597,38 +597,46 @@ const EntityTable = ({
 
                       {cell.column.id === 'dataTypeDisplay' && (
                         <>
-                          {isReadOnly ? (
-                            <div className="tw-flex tw-flex-wrap tw-w-60 tw-overflow-x-auto">
-                              <RichTextEditorPreviewer
-                                markdown={cell.value.toLowerCase()}
-                              />
-                            </div>
-                          ) : (
+                          {cell.value ? (
                             <>
-                              {cell.value.length > 25 ? (
-                                <span>
-                                  <PopOver
-                                    html={
-                                      <div className="tw-break-words">
-                                        <span>{cell.value.toLowerCase()}</span>
-                                      </div>
-                                    }
-                                    position="bottom"
-                                    theme="light"
-                                    trigger="click">
-                                    <div className="tw-cursor-pointer tw-underline tw-inline-block">
-                                      <RichTextEditorPreviewer
-                                        markdown={`${cell.value
-                                          .slice(0, 20)
-                                          .toLowerCase()}...`}
-                                      />
-                                    </div>
-                                  </PopOver>
-                                </span>
+                              {isReadOnly ? (
+                                <div className="tw-flex tw-flex-wrap tw-w-60 tw-overflow-x-auto">
+                                  <RichTextEditorPreviewer
+                                    markdown={cell.value.toLowerCase()}
+                                  />
+                                </div>
                               ) : (
-                                cell.value.toLowerCase()
+                                <>
+                                  {cell.value.length > 25 ? (
+                                    <span>
+                                      <PopOver
+                                        html={
+                                          <div className="tw-break-words">
+                                            <span>
+                                              {cell.value.toLowerCase()}
+                                            </span>
+                                          </div>
+                                        }
+                                        position="bottom"
+                                        theme="light"
+                                        trigger="click">
+                                        <div className="tw-cursor-pointer tw-underline tw-inline-block">
+                                          <RichTextEditorPreviewer
+                                            markdown={`${cell.value
+                                              .slice(0, 20)
+                                              .toLowerCase()}...`}
+                                          />
+                                        </div>
+                                      </PopOver>
+                                    </span>
+                                  ) : (
+                                    cell.value.toLowerCase()
+                                  )}
+                                </>
                               )}
                             </>
+                          ) : (
+                            '--'
                           )}
                         </>
                       )}