From b45f9d2156490932096eb8898b0fd8aee84b92f2 Mon Sep 17 00:00:00 2001
From: David Sehnal <david.sehnal@gmail.com>
Date: Tue, 27 Nov 2018 14:04:43 +0100
Subject: [PATCH] mol-plugin: state tree UI tweaks

---
 src/mol-plugin/ui/state-tree.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/mol-plugin/ui/state-tree.tsx b/src/mol-plugin/ui/state-tree.tsx
index 34486bd47..87123f35a 100644
--- a/src/mol-plugin/ui/state-tree.tsx
+++ b/src/mol-plugin/ui/state-tree.tsx
@@ -161,10 +161,13 @@ class StateTreeNodeLabel extends PluginComponent<{ nodeRef: string, state: State
 
 
         let label: any;
-        if (cell.status !== 'ok' || !cell.obj) {
+        if (cell.status === 'pending' || cell.status === 'processing') {
+            const name = n.transformer.definition.display.name;
+            label = <><b>[{cell.status}]</b> <span title={name}>{name}</span></>;
+        } else if (cell.status !== 'ok' || !cell.obj) {
             const name = n.transformer.definition.display.name;
             const title = `${cell.errorText}`
-            label = <><b>{cell.status}</b> <a title={title} href='#' onClick={this.setCurrent}>{name}</a>: <i>{cell.errorText}</i></>;
+            label = <><b>[{cell.status}]</b> <a title={title} href='#' onClick={this.setCurrent}>{name}</a>: <i>{cell.errorText}</i></>;
         } else {
             const obj = cell.obj as PluginStateObject.Any;
             const title = `${obj.label} ${obj.description ? obj.description : ''}`
-- 
GitLab