Unlimited forms created by spamming add items button in user setting

Is your feature request related to a problem? Please describe.

When you navigate to /settings scroll to portfolio setting and press Add a new portfolio Item

If you keep pressing them a number of times, you will create the same number of forms.

Describe the solution you’d like

Adding active class that stops creating new ones or indicate the button is pressed, so people don’t keep spamming it.

Describe alternatives you’ve considered

In issue #44668 we are planning to create toggle button, I can try to create it following the guide then swapping it later with the current components

Additional context

This isn’t a true issue, but a quality of life request

[moT01]

To clarify a little, each time you click that “Add a new portfolio Item” button, a new form shows up to add an item. You can spam it and have a bunch of forms show up…

The bigger issue I see is that each time you click a save or remove button, it makes a request to the api and saves to the database. I don’t think this is overloading our server or database, it’s probably minimal - but I think we should find a way to batch update these, similar to what we did with the privacy settings. So, maybe there’s one save button at the bottom.

We could also maybe set a maximum number of items? Maybe 10.

Edit: I made a quick mock: It may need a little fine tuning.

[KravMaguy]

The only thing I might change here is to disable Add a new portfolio item until a changed item is saved.

If he adds an item and doesnt save it then goes to edit another item and saves it, you will still want the add button to be disabled, else you would be allowing him to create two blank forms