I'm developing a web application using Material UI as a design system. In a page of this application the user can create an article (for a blog). The article can have differents status and for simplicity we can assume that they are DRAFT and IN_REVIEW. At the bottom of the page there are three different buttons for different actions;
- Salva (save - the purple button): if an article is in DRAFT status this button save the article in its current status without changing it;
- Elimina (delete - the red button): delete permanently the article and redirect the user on the page with the list of all articles;
- Annulla (cancel): discard all the changes the user has made on the article and return to the previous page (the list of all articles)
Now I have the need to add another button for changing the state from DRAFT to IN_REVIEW, but I don't want to add a fourth button because I don't like it. I thought to put all the actions into a FAB button
It is correct or there is a better way to do that?
I'm not even sure if the three buttons are correctly positioned...