Skip to content

Fix/record details ui - Edit History button

Mukthanand Reddy M requested to merge fix/record-details-ui into develop

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 InlineEditHistory component 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

Screenshots (if applicable): image

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

Merge request reports

Loading