From f3b35b2bbdf019d900743fddf74b1b26b4978c39 Mon Sep 17 00:00:00 2001
From: Pavel Feldman <pavel.feldman@gmail.com>
Date: Thu, 12 Aug 2021 08:41:34 -0700
Subject: [PATCH] fix(trace-viewer): restore action error icon (#8163)

Fixes #8051
---
 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>