@uppy/angular does not seem to be picking up changes to [props] attribute for <uppy-dashboard>

[bdirito]

@uppy/angular does not seem to be picking up changes to [props] attribute for

from uppy.

[aduh95]

I would expect updates to the [props] attribute of <uppy-dashboard> to be picked up; and for the new value of {disabled: false} to enable interactivity.

Interestingly, the value is picked up, you can see if you replace the uppy.setOptions with

uppy.getPlugin('angular:Dashboard')!.setOptions(this.uppyOptions());

then the second button doesn't have any more effect than changing the props. However, if we change it to

(uppy.getPlugin('angular:Dashboard') as any).setPluginState({})

Then it works the same as calling uppy.setOptions(). The bug seems to be that Dashboard (and maybe other UI components are also affected) does not re-render when setOptions is called. On the Uppy class, some custom logic was added to take this behavior into account, maybe we should do the same on Dashboard/UIPlugin:

uppy/packages/@uppy/core/src/Uppy.ts

Lines 604 to 605 in 09e6a0f

	// Note: this is not the preact `setState`, it's an internal function that has the same name.
	this.setState(undefined) // so that UI re-renders with new options

//cc @Murderlon