Skip to content

DEV - action confirmation modal #223

@lyannne

Description

@lyannne

The goal of this ticket is to abstract the component already made for the 4 different scenarios of deleting a user, changing a user's role, and deleting a grant.

Image

The main reason for abstracting this component is that it could follow the basic format of main message, second message with more detail of what you is about to happen, cancel button, and confirm button that triggers the appropriate action.

Of course it is up to you end of the day how it gets implemented but if you wanted to the confirm page could be a component with that design and have 3 mutable parts. You could create the component passing in the props for the main black text for example "Are you sure you want to delete this grant." The second prop could be the smaller text in the box under the bigger text for example "Deleting a grant is not reversible are you sure you want to delete this grant." Lastly the last prop would be the action/function the confirm button does following this example it would be the function to delete a grant. Everything else in the component would be static. Also if passing a function doesn't work you could create the button component and then pass that in to the abstracted component. Implementation is up to you but the is is just an example idea.

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions