puter/paseo
1
0
Fork 0
mirror of https://github.com/getpaseo/paseo.git synced 2026-07-29 12:01:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(sidebar): eliminate tap delay by triggering animation directly

Browse Source 
The animation was waiting ~32ms for React's useEffect cycle before
starting. Now handleAgentSelectMobile triggers the close animation
immediately using withTiming on shared values, bypassing useEffect.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Mohamed Boudra
2026-01-03 21:52:17 +07:00
parent 344ef87b10
commit 75895b17d4
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/app/src/components/sliding-sidebar.tsx
View File

@@ -47,7 +47,9 @@ export function SlidingSidebar({ selectedAgentId }: SlidingSidebarProps) {
useEffect(() => {
// Don't animate if we're in the middle of a gesture
if (isGesturing.value) return;
if (isGesturing.value) {
return;
}
const width = isMobile ? windowWidth : DESKTOP_SIDEBAR_WIDTH;
translateX.value = withTiming(isOpen ? 0 : -width, {
@@ -92,8 +94,17 @@ export function SlidingSidebar({ selectedAgentId }: SlidingSidebarProps) {
// Mobile: close sidebar when agent is selected
const handleAgentSelectMobile = useCallback(() => {
close();
}, [close]);
// Start animation immediately, don't wait for useEffect
translateX.value = withTiming(-windowWidth, {
duration: ANIMATION_DURATION,
easing: ANIMATION_EASING,
});
backdropOpacity.value = withTiming(0, {
duration: ANIMATION_DURATION,
easing: ANIMATION_EASING,
});
close(); // Update state for consistency
}, [close, translateX, backdropOpacity, windowWidth]);
// Close gesture (swipe left to close when sidebar is open)
const closeGesture = Gesture.Pan()