Replace default browser delete popup with a custom modal #14
Description
Description:
Currently, when deleting a resource, the site shows the default browser popup:
“Delete this resource?”
This popup looks outdated and breaks the design consistency of the site.
We should replace it with a custom confirmation modal that matches the app’s dark theme and overall UI style.
Expected Behavior:
-
Show a stylish custom modal (e.g., with glass morphism or smooth animation).
-
The modal should display the message:
“Are you sure you want to delete this resource?” -
Include two buttons:
-
Confirm (red or accent color)
-
Cancel (gray or secondary color)
-
-
Closing the modal or clicking Cancel should dismiss it without deleting.
-Clicking Confirm should proceed with the deletion logic.
Tech Suggestions:
You can implement it using:
-
A small custom HTML/CSS/JS modal, or
-
A library like SweetAlert2 for easier styling and animations.
Example UI:
Swal.fire({
title: 'Are you sure?',
text: 'You are about to delete this resource.',
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#d33',
cancelButtonColor: '#3085d6',
confirmButtonText: 'Yes, delete it!'
});