#237 - Style fixes + Fixed update tree action to retrieve term set data

Author: estruyf

src/controls/taxonomyPicker/TaxonomyPicker.tsx

@@ -103,9 +103,11 @@ export class TaxonomyPicker extends React.Component<ITaxonomyPickerProps, ITaxon
   /**
    * Force update of the taxonomy tree - required by term action in case the term has been added, deleted or moved.
    */
-  private updateTaxonomyTree(): void {
+  private async updateTaxonomyTree(): Promise<void> {
+    const termSetAndTerms = await this.termsService.getAllTerms(this.props.termsetNameOrID);
+
     this.setState({
-      termSetAndTerms: this.state.termSetAndTerms
+      termSetAndTerms
     });
   }
 

src/controls/taxonomyPicker/Term.tsx

@@ -74,12 +74,10 @@ export default class Term extends React.Component<ITermProps, ITermState> {
     }
 
     if (updateAction.updateActionType === UpdateType.updateTermLabel) {
-      this.props.term.Name = updateAction.value;
       this.setState({
         termLabel: updateAction.value
       });
-    }
-    else {
+    } else {
       this.props.updateTaxonomyTree();
     }
   }

src/controls/taxonomyPicker/termActions/ButtonTermAction.tsx

@@ -72,6 +72,12 @@ export default class ButtonTermAction extends React.Component<IConcreteTermActio
   public render(): React.ReactElement<IConcreteTermActionProps> {
     const { term, termActions } = this.props;
 
+    // Check if there are actions to show
+    const actionsToShow = termActions.filter(a => !a.hidden);
+    if (actionsToShow && actionsToShow.length === 0) {
+      return null;
+    }
+
     return (
       <div style={{ display: 'flex', alignItems: 'stretch', height: '32px' }}>
         {

src/webparts/controlsTest/components/ControlsTest.tsx

@@ -465,7 +465,8 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
                       },
                       applyToTerm: () => (true)
                     },
-                    new TermLabelAction("Get Labels")],
+                    // new TermLabelAction("Get Labels")
+                    ],
                     termActionsDisplayMode: TermActionsDisplayMode.buttons,
                     termActionsDisplayStyle: TermActionsDisplayStyle.textAndIcon
                   }}