[MD] Update delete credentials method to be in parallel

[noCharger]

Signed-off-by: Louis Chu [email protected]

Description

1. Update delete credentials method to be in parallel rather than sequentially.
2. Add error handling and toast logic on listing page

Issues Resolved

Part 1 of #2055

Check List

• New functionality includes testing.
  • All tests pass
    • yarn test:jest
    • yarn test:jest_integration
    • yarn test:ftr
• New functionality has been documented.
• Commits are signed per the DCO using --signoff

[KrooshalUX]

The existing delete placement pattern for the button that appears after selection is to the left of the search field within a table.

Please see:
https://playground.opensearch.oss.aws.dev/app/dashboards#/list?_g=(filters:!(),refreshInterval:(pause:!t,value:0),time:(from:now-15m,to:now))
https://playground.opensearch.oss.aws.dev/app/visualize#/?_g=(filters:!(),refreshInterval:(pause:!t,value:0),time:(from:now-15m,to:now))

[noCharger]

The existing delete placement pattern for the button that appears after selection is to the left of the search field within a table.

Please see: https://playground.opensearch.oss.aws.dev/app/dashboards#/list?_g=(filters:!(),refreshInterval:(pause:!t,value:0),time:(from:now-15m,to:now)) https://playground.opensearch.oss.aws.dev/app/visualize#/?_g=(filters:!(),refreshInterval:(pause:!t,value:0),time:(from:now-15m,to:now))

To provide additional context, the saved object management portal looks like this, complete with a delete button on right side. I'm looking forward to the decision.

[KrooshalUX]

Thank you for pointing out this additional implementation of delete.
The key commonality here is that the delete is in alignment with the search bar, separate from any sort of create / primary action.

To your point, lets go for consistency within the category of Stack Management, so following the pattern for Saved Objects is a good path forward.

Therefore, it would look like this, so a correction to the placement is still needed so it is not next to the Create button:
(This is a rough quick mock, please ignore spacing issues)

[noCharger]

(This is a rough quick mock, please ignore spacing issues)

LGTM, @yibow98 is working on the button alignment on #2055

[kgcreative]

Note:
Singular: Delete 1 credential
Plural: Delete 3 credentials

Copy should be sentence cased.

[seraphjiang]

@noCharger
the batch execution will take time more than seconds, have we added code to handle in progress spin?

[seraphjiang]

1. add confirmation before deletion
2. refactory code to be more clear, make sure decouple ui and code logical for testibility.

[noCharger]

Note: Singular: Delete 1 credential Plural: Delete 3 credentials

Copy should be sentence cased.

Tracked on #2055

[noCharger]

@noCharger the batch execution will take time more than seconds, have we added code to handle in progress spin?

Tracked on #2055

[noCharger]

2. refactory code to be more clear, make sure decouple ui and code logical for testibility.

Could you please explain which parts of the changed files require refactoring?

[seraphjiang]

2. refactory code to be more clear, make sure decouple ui and code logical for testability.

Could you please explain which parts of the changed files require refactoring?

expected an end to end production ready solution for deletion. or rewrite this to meet expectation on code quality.

[noCharger]

@zengyan-amazon