MediaMetz/gemini-cli
1
0
Fork 0
mirror of https://github.com/google-gemini/gemini-cli.git synced 2026-04-21 02:24:09 -07:00
Code Issues Packages Projects Releases Wiki Activity

Improve tracking of animated components. (#12618)

Browse Source
This commit is contained in:
Jacob Richman
2025-11-05 16:20:04 -08:00
committed by GitHub
parent fb0768f007
commit 224a33db2e
7 changed files with 141 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/cli/src/ui/hooks/useAnimatedScrollbar.ts
+9 -4
View File
@@ -7,6 +7,7 @@
import { useState, useEffect, useRef, useCallback } from 'react';
import { theme } from '../semantic-colors.js';
import { interpolateColor } from '../themes/color-utils.js';
import { debugState } from '../debug.js';
export function useAnimatedScrollbar(
isFocused: boolean,
@@ -18,8 +19,13 @@ export function useAnimatedScrollbar(
const animationFrame = useRef<NodeJS.Timeout | null>(null);
const timeout = useRef<NodeJS.Timeout | null>(null);
const isAnimatingRef = useRef(false);
const cleanup = useCallback(() => {
if (isAnimatingRef.current) {
debugState.debugNumAnimatedComponents--;
isAnimatingRef.current = false;
}
if (animationFrame.current) {
clearInterval(animationFrame.current);
animationFrame.current = null;
@@ -32,6 +38,8 @@ export function useAnimatedScrollbar(
const flashScrollbar = useCallback(() => {
cleanup();
debugState.debugNumAnimatedComponents++;
isAnimatingRef.current = true;
const fadeInDuration = 200;
const visibleDuration = 1000;
@@ -67,10 +75,7 @@ export function useAnimatedScrollbar(
);
if (progress === 1) {
if (animationFrame.current) {
clearInterval(animationFrame.current);
animationFrame.current = null;
}
cleanup();
}
};