# 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.