📦 Feature: Add Archived Notes Section + UI Enhancements #69
Description
🧠 Description
Currently, users can only delete notes. Let's introduce an Archive Notes feature — allowing users to hide notes from the main dashboard without deleting them permanently. This enhances safety and improves UX, similar to Gmail’s or Notion’s archive functionality.
We'll also improve the UI/UX around this feature to make the experience clean, intuitive, and visually consistent.
✅ Goals
- Add an Archive button next to each note (on both list and detail view).
- Create a new Archived Notes page that displays all archived notes.
- Implement Restore and Permanent Delete buttons on archived notes.
- Ensure archived notes are hidden from the main dashboard.
- Update navigation bar with a link to Archived Notes.
- Add UI filters (e.g., by keyword, or date archived) — optional.
🖼️ UI Suggestions
| Area | Enhancement |
|---|---|
| 🧾 Notes Dashboard | Add a subtle archive icon (🗃️) or Font Awesome icon next to the delete button. Include a tooltip: "Archive this note". |
| 📦 Archived Notes Page | Use card or list layout. Display title, content snippet, and action buttons ("Restore", "Delete Permanently"). Use soft gray background. |
| 🔁 Restore Button | Use a green arrow (↩️) icon or labeled button. Style it with a green border/background. |
| 🗑️ Permanent Delete | Use red trash icon. Include confirmation prompt before delete. |
| 🧭 Navigation Bar | Add an "Archived" tab with a box/archive icon (🗃️) beside "Dashboard". |
| 🔍 Filters | Optionally, add search or sort options for archived notes (e.g., by title or archived date). |
💡 Optional Enhancements
- Toast messages: e.g., “Note archived successfully.”
- Smooth UI transitions on archive/restore.
- Badge indicator in navbar showing number of archived notes (e.g.,
Archives (3)). - Keyboard shortcuts for archive/restore (future enhancement).
@soumya813 once pls review my issue... if u like the feature let me know