[Security Solution][Detections] Load Elastic prebuilt rules button not disabled after clicked

[spong]

When initially loading rules via the Load Elastic prebuilt rules button within the All Rules table, the button isn't disable once clicked and doesn't change to a loading state like the corresponding button in the title bar group. This doesn't convey to the user that the click was received, and allows them to click multiple times which results in subsequent calls to installing the prebuilt rules as shown in the gif below.

Desired behavior here would be to disable the button and put it in a loading state just like the corresponding button in the title group.

cc @yiyangliu9286 for any additional UX tweaks here.

[elasticmachine]

Pinging @elastic/security-detections-response (Team:Detections and Resp)

[elasticmachine]

Pinging @elastic/security-solution (Team: SecuritySolution)

[spong]

Setting as impact:critical to be fixed for 7.14 as this can result in data redundancy issues and duplicate pre-packaged rules:

[ecezalp]

PR --> #103568

[MadameSheema]

@deepikakeshav-qasource can you please validate the fix of this issue in the first BC? Thanks :)

[ghost]

Hi @MadameSheema ,

We have validated this ticket on 7.14.0 BC1 build and observed that issue is Fixed. Load Elastic prebuilt rules button is disabled after clicked.

Build Details:

VERSION: 7.14.0 BC1
BUILD: 42292
COMMIT: 071a74e02f82b79a4a10026b5c9e02d593112fd4
ARTIFACT: https://staging.elastic.co/7.14.0-8eba2f5f/summary-7.14.0.html

Screenshot:

load_prebuilt_rules.mp4

Hence, we are Closing this ticket and marking as QA Validated.

Thanks!!