Move Dense, Bordered and Striped to the ThemeManager Pane about blazor-wasm-boilerplate HOT 7 CLOSED

Yeah, I have actually tried this earlier. But the issue is after storing these values to localStorage (like other settings), how do we make the table component retrieve and refresh these changes.

from blazor-wasm-boilerplate.

We could have these settings in a global "themesettings" cascading value which has these properties to bind against?

from blazor-wasm-boilerplate.

Not sure if Cascading Values allow two-way binding. It only can transfer data from parent to child components.

In our case, the flow would be like this

ThemeManager Component --> Parent (MainLayout Probably) --> EntityTable Component

from blazor-wasm-boilerplate.

Hmm jep... I didn't say it was gonna be easy :-D

I'm sure there must be a way... isn't this what blazor is all about? ;-)

Maybe we should post the question on the mudblazor repo or discord...

from blazor-wasm-boilerplate.

Probably can be a mix of EventCallBack and CascadingParams. Will try.

from blazor-wasm-boilerplate.

waj on discord mentioned something that might be interesting;

have a look at this https://github.com/aksoftware98/blazor-utilities
we can subscribe to get updates on theme settings

If we were to use this, then from ThemeManager pane you can just send update messages (updateDense, updateBordered and updateStriped (for instance) with their respective values).
We can then maybe create an FSHTable which derives from MudTable (similar like I made BrandsAutocomplete) which takes care of subscribing and responding to these messages?
Then we just replace <MudTable> everywhere with <FSHTable>...

from blazor-wasm-boilerplate.

Do review this. May require minor cleanups

from blazor-wasm-boilerplate.