mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Fix StoryViewer and update spring animations

Browse source
This commit is contained in:
Jamie Kyle 2024-09-04 09:33:58 -07:00 • committed by GitHub
parent ee0090bb84
commit 8c770934e1
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
12 changed files with 34 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

3
ts/hooks/useAnimated.tsx
View file

@ -4,6 +4,7 @@
import { useState, useCallback } from 'react';
import type { SpringValues } from '@react-spring/web';
import { useChain, useSpring, useSpringRef } from '@react-spring/web';
import { useReducedMotion } from './useReducedMotion';
export type ModalConfigType = {
opacity: number;
@ -33,6 +34,7 @@ export function useAnimated(
modalStyles: SpringValues<ModalConfigType>;
overlayStyles: SpringValues<ModalConfigType>;
} {
const reducedMotion = useReducedMotion();
const [state, setState] = useState(ModalState.Opening);
const shouldShowModal =
state === ModalState.Open || state === ModalState.Opening;
@ -41,6 +43,7 @@ export function useAnimated(
const modalRef = useSpringRef();
const modalStyles = useSpring({
immediate: reducedMotion,
from: getFrom(shouldShowModal),
to: getTo(shouldShowModal),
onRest: () => {