social-media/docs/TASKS/product-feedback/007-feedback-notification-ui-integration.md

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

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.