Disable or hide 'Reset password' button on click

[Schwartzalexander]

Bug Report or Feature Request (mark with an x)

- [ ] bug report -> please search issues before submitting
- [X] feature request

OS and Version?

Windows 10

Versions

"ngx-auth-firebaseui": "5.3.0", Angular CLI: 12.1.3 Node: 14.15.3 Package Manager: npm 7.18.1 OS: win32 x64

Angular: 12.1.3 ... animations, cdk, cli, common, compiler, compiler-cli, core ... forms, localize, material, platform-browser ... platform-browser-dynamic, router, service-worker

Package Version

@angular-devkit/architect 0.1201.3 @angular-devkit/build-angular 12.1.3 @angular-devkit/core 12.1.3 @angular-devkit/schematics 12.1.3 @angular/fire 6.1.5 @angular/flex-layout 11.0.0-beta.33 @schematics/angular 12.1.3 rxjs 6.6.7 typescript 4.3.5

Repro steps

Without being logged in, click on "Forgot Password" in the component. Enter an appropriate email address. Click on "Reset Password" multiple times. Multiple password reset emails will be sent. Only the last one will contain a valid reset link.

The log given by the failure

No log.

Desired functionality

The button "Reset Password" should be disabled or hidden after the first click, so that no more than one email can be sent.

[Blunderchips]

The same applies to the login and registration buttons. On registration for example, if you click the button multiple times, the first click creates the account and the rest clicks cause errors as the account already exists.

[AnthonyNahas]

a PR is appreciated