From 295f25cb152b0f5f64f113484285ca512a6df8fb Mon Sep 17 00:00:00 2001
From: brusher_ru <brusher.designer@gmail.com>
Date: Tue, 11 Jul 2023 19:27:17 +0400
Subject: [PATCH] feat: display green / grey / red bulbs in the events log

---
 app/screens/node/NodeEventsLog.tsx | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/app/screens/node/NodeEventsLog.tsx b/app/screens/node/NodeEventsLog.tsx
index fd6483d46..2afef5afc 100644
--- a/app/screens/node/NodeEventsLog.tsx
+++ b/app/screens/node/NodeEventsLog.tsx
@@ -161,8 +161,22 @@ const getStageName = (event: NodeEvent) => {
   }
 };
 
+const getStatusColor = (event: NodeEvent) => {
+  if (event && event.failure) {
+    return smColors.red;
+  }
+  switch (getEventType(event)) {
+    case 'initComplete':
+    case 'postComplete':
+    case 'proposal':
+      return smColors.green;
+    default:
+      return smColors.mediumGray;
+  }
+};
+
 const renderNodeActivity = (event: NodeEvent) => {
-  if (event && event?.failure) {
+  if (event && event.failure) {
     return (
       <ErrorMessage>
         Stage &quot;{getStageName(event)}&quot; failed. Check the logs for more
@@ -170,6 +184,9 @@ const renderNodeActivity = (event: NodeEvent) => {
       </ErrorMessage>
     );
   }
+  if (!event) {
+    return 'Node is preparing...';
+  }
   switch (getEventType(event)) {
     case 'initStart':
       return 'Started PoST data initialization';
@@ -205,7 +222,7 @@ const renderNodeActivity = (event: NodeEvent) => {
     case 'beacon':
       return `Node computed randomness beacon for epoch ${event.beacon?.epoch}`;
     default:
-      return event?.help || 'Node is preparing...';
+      return event.help ?? 'Node is preparing...';
   }
 };
 
@@ -263,7 +280,7 @@ const NodeEventsLog = ({ history }: RouteComponentProps) => {
       >
         <TextWrapper>
           <ColorStatusIndicator
-            color={e?.failure ? smColors.red : smColors.mediumGraySecond}
+            color={getStatusColor(e)}
             style={{ marginRight: '1em' }}
           />
           <NoWrap>