fix: Error Message is cut off in alerts & reports log page (#19444)

apache · Apr 6, 2022 · 156ac7d · 156ac7d
1 parent 0363e55
commit 156ac7d
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/superset-frontend/src/views/CRUD/alert/ExecutionLog.tsx b/superset-frontend/src/views/CRUD/alert/ExecutionLog.tsx
@@ -22,6 +22,7 @@ import moment from 'moment';
 import React, { useEffect, useMemo } from 'react';
 import { Link, useParams } from 'react-router-dom';
 import ListView from 'src/components/ListView';
+import { Tooltip } from 'src/components/Tooltip';
 import SubMenu from 'src/views/components/SubMenu';
 import withToasts from 'src/components/MessageToasts/withToasts';
 import { fDuration } from 'src/modules/dates';
@@ -144,6 +145,15 @@ function ExecutionLog({ addDangerToast, isReportEnabled }: ExecutionLogProps) {
       {
         accessor: 'error_message',
         Header: t('Error message'),
+        Cell: ({
+          row: {
+            original: { error_message = '' },
+          },
+        }: any) => (
+          <Tooltip title={error_message} placement="topLeft">
+            <span>{error_message}</span>
+          </Tooltip>
+        ),
       },
     ],
     [isReportEnabled],