Fix/record details ui - Edit History button
Description:
Added edit history tracking UI to the Record Details page:
- Back Navigation Button: Added a back arrow button to the top-left of the creator info section, allowing users to navigate back to the previous page with a single click
- History Toggle Button: Added a history icon button next to the Edit button (only visible when viewing own profile) to toggle the display of edit history
-
Edit History Panel: Integrated
InlineEditHistorycomponent that displays below the Details header, showing a timeline of all changes made to the record by the owner - Improved Navigation: Enhanced user experience with clearer navigation patterns and ability to track submission modifications
Visual Changes:
- Back button with hover effects (slate-600 → gray-100 background with slate-900 text)
- History button styled consistently with other action buttons (slate-100 background, hover state)
- Expandable history section that slides in smoothly below the Details header
- History section includes record ID and token for authentication
Type of Change:
-
Bug Fix -
Feature Development -
Documentation
Testing:
-
Tested on desktop -
Tested on mobile -
Tested in different browsers
Video Demo
Add a link to the demo of the PR
If you have used AI create this PR, please also record video of yourself explaining the changes.
Link to code walkthrough
Checklist:
-
Code follows project style guidelines -
Self-review completed -
No console errors -
TypeScript types are correct
Edited by Mukthanand Reddy M
