From c1d3ff2935170f485411f9ce106d2eb56f3fd45a Mon Sep 17 00:00:00 2001
From: Andrey Lushnikov <aslushnikov@gmail.com>
Date: Thu, 12 Aug 2021 18:46:46 +0300
Subject: [PATCH] cherry-pick(release-1.14): restore action error icon (#8165)

PR #8163 SHA f3b35b2bbdf019d900743fddf74b1b26b4978c39

Fixes #8051

Co-authored-by: Pavel Feldman <pavel.feldman@gmail.com>
---
 src/web/traceViewer/ui/actionList.css | 6 +++++-
 src/web/traceViewer/ui/actionList.tsx | 2 ++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/web/traceViewer/ui/actionList.css b/src/web/traceViewer/ui/actionList.css
index 471d5f0b90..e256d5390c 100644
--- a/src/web/traceViewer/ui/actionList.css
+++ b/src/web/traceViewer/ui/actionList.css
@@ -106,7 +106,11 @@
   color: var(--blue);
 }
 
-.action-entry .codicon-error {
+.action-entry .codicon {
+  padding: 0 2px;
+}
+
+.action-entry .codicon-error, .action-entry .codicon-issues {
   color: red;
 }
 
diff --git a/src/web/traceViewer/ui/actionList.tsx b/src/web/traceViewer/ui/actionList.tsx
index d4cd0e87e8..6cfae0fd35 100644
--- a/src/web/traceViewer/ui/actionList.tsx
+++ b/src/web/traceViewer/ui/actionList.tsx
@@ -75,6 +75,7 @@ export const ActionList: React.FC<ActionListProps> = ({
         const { metadata } = action;
         const selectedSuffix = action === selectedAction ? ' selected' : '';
         const highlightedSuffix = action === highlightedAction ? ' highlighted' : '';
+        const error = metadata.error?.error?.message;
         const { errors, warnings } = modelUtil.stats(action);
         return <div
           className={'action-entry' + selectedSuffix + highlightedSuffix}
@@ -92,6 +93,7 @@ export const ActionList: React.FC<ActionListProps> = ({
             {!!errors && <div className='action-icon'><span className={'codicon codicon-error'}></span><span className="action-icon-value">{errors}</span></div>}
             {!!warnings && <div className='action-icon'><span className={'codicon codicon-warning'}></span><span className="action-icon-value">{warnings}</span></div>}
           </div>
+          {error && <div className='codicon codicon-issues' title={error} />}
         </div>;
       })}
     </div>