diff --git a/src/mol-plugin/ui/state-tree.tsx b/src/mol-plugin/ui/state-tree.tsx index 34486bd4790ff6dffe66dd726be8d93c33b44016..87123f35abcb6f93a966933e488c5815939f8328 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 : ''}`