Description
Currently, clicking the “Reset Data” button in the Analytics page triggers a native browser alert (window.confirm).
This looks outdated and inconsistent with the rest of the app’s UI.
Expected Behavior
When the “Reset Data” button is clicked, a custom confirmation popup/modal should appear (styled using the project’s design system), asking for confirmation to reset analytics data.
Steps to Reproduce
Go to Analytics tab.
Click Reset Data.
Notice the default browser alert appears.
Suggested Solution
Replace window.confirm() with a custom modal using React state or a UI library (e.g., Tailwind or shadcn/ui).
Modal should contain:
A warning message: “This will reset all analytics data. Are you sure?”
Cancel and Confirm buttons.
Smooth fade-in/out animation if possible.
Description
Currently, clicking the “Reset Data” button in the Analytics page triggers a native browser alert (window.confirm).
This looks outdated and inconsistent with the rest of the app’s UI.
Expected Behavior
When the “Reset Data” button is clicked, a custom confirmation popup/modal should appear (styled using the project’s design system), asking for confirmation to reset analytics data.
Steps to Reproduce
Go to Analytics tab.
Click Reset Data.
Notice the default browser alert appears.
Suggested Solution
Replace window.confirm() with a custom modal using React state or a UI library (e.g., Tailwind or shadcn/ui).
Modal should contain:
A warning message: “This will reset all analytics data. Are you sure?”
Cancel and Confirm buttons.
Smooth fade-in/out animation if possible.