payload icon indicating copy to clipboard operation
payload copied to clipboard

feat(next): updated version view

Open AlessioGr opened this issue 10 months ago • 0 comments

#11769 improved the lexical version view diff component. This PR improves the rest of the version view.

What changed

  • Column layout when selecting a version:
    • Previously: Selected version on the left, latest version on the left
    • Now: Previous version on the left, previous version on the right (mimics behavior of GitHub)
  • Locale selector now displayed in pill selector, rather than react-select
  • Smoother, more reliable locale, modifiedOnly and version selection. Now uses clean event callbacks rather than useEffects
  • React-diff-viewer-continued has been replaced with the html differ we use in lexical
  • Updated Design for all field diffs
  • Version columns now have a clearly defined separator line
  • Fixed collapsibles showing in version view despite having no modified fields if modifiedOnly is true

Screenshots

Before

CleanShot 2025-04-11 at 20 10 03@2x

CleanShot 2025-04-11 at 20 10 28@2x

After

CleanShot 2025-04-11 at 20 02 22@2x

CleanShot 2025-04-11 at 20 02 47@2x

AlessioGr avatar Apr 07 '25 19:04 AlessioGr