Skip to content

Replace Git graph panel with dialog - #77

Merged
jonasehrlich merged 9 commits into
mainfrom
je/revamp-git-view
Jul 31, 2025
Merged

Replace Git graph panel with dialog#77
jonasehrlich merged 9 commits into
mainfrom
je/revamp-git-view

Conversation

@jonasehrlich

@jonasehrlich jonasehrlich commented Jul 30, 2025

Copy link
Copy Markdown
Owner

Using a separate Dialog for the Git Graph and diffs provides a cleaner layout for the graph and diffs.

This change also removes the Git graph sliding panel and the GitDiffView.

See the current setup in this video:

Screen.Recording.2025-07-30.at.23.00.57.mp4

This approach should also simplify #6 by showing the commit diff as part of the CommitDetails component

If there are any UI improvements you can think of, please let me know. This example is with over 50 commits included in the diff, but still, one of the biggest problems I see is the performance of the diff rendering. I'll investigate if this can be done in a lazy manner.

Closes #80

@jonasehrlich
jonasehrlich requested a review from TobTheRock July 30, 2025 21:10
@jonasehrlich jonasehrlich self-assigned this Jul 30, 2025
@jonasehrlich jonasehrlich added the frontend This affects the frontend label Jul 30, 2025
Comment thread frontend/src/components/git-dialog.tsx Outdated
Comment thread frontend/src/components/git-dialog.tsx Outdated
Comment thread frontend/src/components/git-dialog.tsx Outdated
Comment thread frontend/src/components/git-dialog.tsx Outdated
Comment thread frontend/src/components/git-dialog.tsx Outdated
Comment thread frontend/src/components/git-dialog.tsx
Comment thread frontend/src/components/git-dialog.tsx
@TobTheRock

Copy link
Copy Markdown
Collaborator

All in all I adore the new design <3

@jonasehrlich jonasehrlich changed the title draft: feat(frontend): Implement Git Dialog feat(frontend): Implement Git Dialog Jul 31, 2025
@jonasehrlich jonasehrlich mentioned this pull request Jul 31, 2025
10 tasks
Using a separate Dialog for the Git Graph and diffs
provides a cleaner layout for the graph and diffs.

This change also removes the Git graph sliding panel
and the GitDiffView.
Divs cannot be nested inside paragraphs (which the DialogDescription is).
Also as there is no description `aria-describedby` needs to be explicitly
set to `undefined`.
@jonasehrlich jonasehrlich changed the title feat(frontend): Implement Git Dialog Replace Git graph panel with dialog Jul 31, 2025
@jonasehrlich
jonasehrlich merged commit bb69963 into main Jul 31, 2025
10 checks passed
@jonasehrlich
jonasehrlich deleted the je/revamp-git-view branch July 31, 2025 15:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend This affects the frontend

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Split list commits API

2 participants