CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-19 21:09:51 +08:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

fix: donation svg animation (#57867)

Browse Source
This commit is contained in:
Ahmad Abdolsaheb 2025-01-02 23:49:41 +03:00 committed by GitHub
parent 234aa80466
commit 01273fb5bc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/Donation/donation-modal-body.tsx
View File

@ -1,4 +1,4 @@
import React, { useEffect, useState } from 'react';
import React, { useEffect, useState, useRef } from 'react';
import { useTranslation } from 'react-i18next';
import { useFeature } from '@growthbook/growthbook-react';
import { Col, Row, Modal, Spacer } from '@freecodecamp/ui';
@ -129,7 +129,9 @@ const AnimationContainer = ({
}: {
secondsRemaining: number;
}) => {
const animationKey = useRef(Date.now()).current;
const newBearAnimation = useFeature('new-bear-animation').on;
const animationSrc = `${newBearAnimation ? donationAnimationB : donationAnimation}?t=${animationKey}`;
const { t } = useTranslation();
return (
<>
@ -174,9 +176,9 @@ const AnimationContainer = ({
)}
</div>
<img
key={Date.now()}
key={animationKey}
alt=''
src={newBearAnimation ? donationAnimationB : donationAnimation}
src={animationSrc}
id={'donation-animation'}
data-playwright-test-label='donation-animation'
/>