51 lines
1.6 KiB
Markdown
51 lines
1.6 KiB
Markdown
# Task: Feedback notification UI integration
|
|
|
|
## Goal
|
|
|
|
Integrate feedback notifications into the existing notification bell and route navigation.
|
|
|
|
## Feature Spec
|
|
|
|
- `docs/FEATURES/product-feedback.md`
|
|
|
|
## Scope
|
|
|
|
- Extend frontend notification display to support feedback event types.
|
|
- Clicking a feedback notification should open:
|
|
- `/app/my-feedback/:id` for reporters
|
|
- `/app/feedback/:id` for developers when appropriate
|
|
- Mark feedback notifications as read using existing notification behavior.
|
|
- Ensure feedback notification labels are localized in English and French.
|
|
- Ensure My Feedback unread indicators stay consistent with notification read state or the backend unread model.
|
|
- Preserve existing content/comment/approval notification behavior.
|
|
|
|
## Likely Files
|
|
|
|
- `frontend/src/layouts/main/AppSidebar.vue`
|
|
- `frontend/src/features/notifications/**`
|
|
- `frontend/src/features/feedback/**`
|
|
- `frontend/src/locales/en.json`
|
|
- `frontend/src/locales/fr.json`
|
|
|
|
## Notes
|
|
|
|
- This task depends on backend feedback notification payloads from `003-feedback-comments-activity-notifications.md`.
|
|
- Do not introduce email notification behavior.
|
|
|
|
## Validation
|
|
|
|
```bash
|
|
cd frontend
|
|
npm run build
|
|
```
|
|
|
|
## Done When
|
|
|
|
- [ ] Feedback notifications appear in the existing notification bell.
|
|
- [ ] Feedback notification clicks navigate to the correct detail page.
|
|
- [ ] Feedback notifications can be marked read.
|
|
- [ ] My Feedback unread indicators reflect unread feedback activity.
|
|
- [ ] Existing notification flows still work.
|
|
- [ ] UI strings exist in English and French.
|
|
- [ ] Frontend build passes.
|