Instead of having a dropdown with nested toggles, we can just have a dropdown with values that allows us to select which type(s) of notifications we want. E.g. just like a <select> element.
You can have the following options:
The upside of doing this is that the logic for rendering the component will be much easier. Currently, if you toggle the dropdown, the toggles will lose their state and it is just a pain to work with. With a single dropdown with values, the components will always stay rendered and will therefore keep their state while the screen is open/cached.
Instead of having a dropdown with nested toggles, we can just have a dropdown with values that allows us to select which type(s) of notifications we want. E.g. just like a
<select>element.You can have the following options:
The upside of doing this is that the logic for rendering the component will be much easier. Currently, if you toggle the dropdown, the toggles will lose their state and it is just a pain to work with. With a single dropdown with values, the components will always stay rendered and will therefore keep their state while the screen is open/cached.