#558

Author: mvladic

packages/project-editor/project/ui/ProjectEditor.tsx

@@ -47,6 +47,7 @@ import {
     extensionsManagerStore
 } from "home/extensions-manager/extensions-manager";
 import { LVGLGroupsTab } from "project-editor/lvgl/groups";
+import { settingsController } from "home/settings";
 
 ////////////////////////////////////////////////////////////////////////////////
 
@@ -303,7 +304,24 @@ const Content = observer(
                     icon = <Icon icon="material:warning" className="warning" />;
                     numMessages = section.numWarnings;
                 } else {
-                    icon = <Icon icon="material:check" className="info" />;
+                    icon = (
+                        <Icon
+                            icon="material:check"
+                            className="info"
+                            style={
+                                node.getId() == LayoutModels.OUTPUT_TAB_ID &&
+                                this.context.lastSuccessfulBuildRevision ==
+                                    this.context.lastRevision
+                                    ? {
+                                          color: settingsController.isDarkTheme
+                                              ? "#27FB2C"
+                                              : "#00FF21",
+                                          fontWeight: "bold"
+                                      }
+                                    : undefined
+                            }
+                        />
+                    );
                     numMessages = 0;
                 }
 
@@ -472,6 +490,9 @@ const Content = observer(
             checksSection.numWarnings;
             checksSection.loading;
 
+            this.context.lastRevisionStable;
+            this.context.lastSuccessfulBuildRevision;
+
             const sectionOutput = this.context.outputSectionsStore.getSection(
                 Section.OUTPUT
             );

packages/project-editor/store/index.ts

@@ -174,6 +174,8 @@ export class ProjectStore {
     lastRevision: symbol;
     lastRevisionStable: symbol;
 
+    lastSuccessfulBuildRevision: symbol | undefined;
+
     filePath: string | undefined;
     backgroundCheckEnabled = true;
 
@@ -248,6 +250,7 @@ export class ProjectStore {
             savedRevision: observable,
             lastRevision: observable,
             lastRevisionStable: observable,
+            lastSuccessfulBuildRevision: observable,
             isModified: computed,
             setModified: action,
             updateLastRevisionStable: action,
@@ -782,7 +785,10 @@ export class ProjectStore {
                 LayoutModels.OUTPUT_TAB_ID
             );
         } else {
-            notification.info("Build done.");
+            runInAction(() => {
+                this.lastSuccessfulBuildRevision = this.lastRevisionStable;
+            });
+            notification.info("Build successful.", { autoClose: 1000 });
         }
         return result;
     }