Skip to content

Refactor admin feedback section to split-pane layout#220

Merged
prazgaitis merged 1 commit into
mainfrom
claude/organize-admin-feedback-685Q5
Mar 13, 2026
Merged

Refactor admin feedback section to split-pane layout#220
prazgaitis merged 1 commit into
mainfrom
claude/organize-admin-feedback-685Q5

Conversation

@prazgaitis
Copy link
Copy Markdown
Owner

Summary

Overhaul the admin feedback management interface from a single-column list to a split-pane layout with sidebar navigation and detailed view. This mirrors the recently refactored flagged activities section pattern.

Key Changes

  • Layout restructure: Convert from flat list to sidebar + detail pane layout

    • Left sidebar: Filterable feedback list with search and status tabs
    • Right pane: Detailed feedback view with comments and admin actions
  • New components:

    • FeedbackDetailContent: Displays full feedback details, comments, and admin controls
    • FeedbackSidebar: Lists feedback items with search/filter capabilities
    • FeedbackKeyboardShortcutBar: Shows available keyboard shortcuts
    • FeedbackListProvider: Context for managing navigation state across components
  • Enhanced UX:

    • Keyboard navigation: Arrow keys or J/K to navigate between items, F to toggle fix status
    • Client-side filtering by status (open/fixed) and search query
    • Improved visual hierarchy with type badges, status indicators, and reporter info
    • Empty state when no feedback is selected
  • Simplified main page: page.tsx now shows empty state instead of full list

Testing

  • pnpm lint
  • pnpm typecheck
  • Verify sidebar filters work (search, status tabs)
  • Test keyboard navigation (arrows, J/K, F key)
  • Confirm feedback detail view loads and displays correctly
  • Test comment creation and like functionality

Notes

The refactoring maintains all existing functionality (status updates, comments, likes) while improving the admin workflow through better organization and keyboard-driven navigation.

https://claude.ai/code/session_01YLeijBWXCVCdH2G4dVkxEL

Match the flagged activities pattern: split-pane layout with sidebar
(search, status filters, item list) and detail panel with type banner,
status actions, reporter info, and comment thread. Add keyboard
shortcuts for navigation (arrows/j/k) and status toggle (f).

https://claude.ai/code/session_01YLeijBWXCVCdH2G4dVkxEL
@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 13, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
march-fitness-2025 Ready Ready Preview, Comment Mar 13, 2026 5:31pm

Request Review

@prazgaitis prazgaitis merged commit 97ab82b into main Mar 13, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants