Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor: Session log modal transition handling #2943

Merged
merged 1 commit into from
Dec 12, 2024

Conversation

yomybaby
Copy link
Member

@yomybaby yomybaby commented Dec 12, 2024

Resolves #2944

Changes:

  • Refactored session log modal opening mechanism to use React transitions for smoother loading states
  • Added proper cleanup of selected kernel when container log modal closes
  • Improved modal state management by moving logic to a dedicated component

Rationale:
The changes improve the user experience when opening session logs by:

  • Preventing UI jank during loading with transition states
  • Ensuring cleaner state management between modal opens/closes

Effects:
Users will experience:

  • Smoother transitions when opening session logs
  • More consistent behavior when closing and reopening logs
  • Better handling of loading states with visual feedback

@github-actions github-actions bot added the size:L 100~500 LoC label Dec 12, 2024
Copy link
Member Author


How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

  • flow:merge-queue - adds this PR to the back of the merge queue
  • flow:hotfix - for urgent hot fixes, skip the queue and merge this PR next

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has required the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

Copy link

github-actions bot commented Dec 12, 2024

Coverage report for ./react

St.
Category Percentage Covered / Total
🔴 Statements
5.24% (-0% 🔻)
398/7592
🔴 Branches
4.49% (-0% 🔻)
237/5275
🔴 Functions
3.13% (-0% 🔻)
78/2494
🔴 Lines
5.16% (-0% 🔻)
383/7423
Show new covered files 🐣
St.
File Statements Branches Functions Lines
🔴
... / SessionDetailAndContainerLogOpenerLegacy.tsx
0% 0% 0% 0%

Test suite run success

124 tests passing in 14 suites.

Report generated by 🧪jest coverage report action from b5b81d7

@yomybaby yomybaby marked this pull request as ready for review December 12, 2024 08:06
@agatha197 agatha197 changed the title refactor: Session log modal transiton handling refactor: Session log modal transition handling Dec 12, 2024
Copy link
Contributor

@agatha197 agatha197 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

Copy link

graphite-app bot commented Dec 12, 2024

Merge activity

Resolves #2944

**Changes:**
- Refactored session log modal opening mechanism to use React transitions for smoother loading states
- Added proper cleanup of selected kernel when container log modal closes
- Improved modal state management by moving logic to a dedicated component

**Rationale:**
The changes improve the user experience when opening session logs by:
- Preventing UI jank during loading with transition states
- Ensuring cleaner state management between modal opens/closes

**Effects:**
Users will experience:
- Smoother transitions when opening session logs
- More consistent behavior when closing and reopening logs
- Better handling of loading states with visual feedback
@agatha197 agatha197 force-pushed the refactor/session-log-modal-transition-handling branch from a3b20a9 to b5b81d7 Compare December 12, 2024 09:45
@graphite-app graphite-app bot merged commit b5b81d7 into main Dec 12, 2024
7 checks passed
@graphite-app graphite-app bot deleted the refactor/session-log-modal-transition-handling branch December 12, 2024 09:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
size:L 100~500 LoC
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Improve log modal open transition
2 participants