infiplot/infiplot-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "feat(loading): delay teaser slow-pulse animation by 1s after typewriter ends"

Browse Source 
This reverts commit 1ac665ad88.
This commit is contained in:
DESKTOP-I1T6TF3\Q
2026-06-04 15:13:03 +08:00
parent 589bb31416
commit a311c24f70
1 changed files with 1 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/PlayCanvas.tsx
+1 -14
View File
@@ -213,19 +213,6 @@ export function PlayCanvas({
waitForAudio: false, waitForAudio: false,
}); });
const [pulseActive, setPulseActive] = useState(false);
useEffect(() => {
if (teaserDone) {
const timer = setTimeout(() => {
setPulseActive(true);
}, 1000);
return () => clearTimeout(timer);
} else {
setPulseActive(false);
}
}, [teaserDone]);
// ── Audio source change ────────────────────────────────────────────── // ── Audio source change ──────────────────────────────────────────────
// Reset duration when audio source changes; if loading takes too long, // Reset duration when audio source changes; if loading takes too long,
// unblock the typewriter via timeout so text doesn't stall. // unblock the typewriter via timeout so text doesn't stall.
@@ -518,7 +505,7 @@ export function PlayCanvas({
<span className="text-[9px] smallcaps text-clay-400 tracking-[0.2em] font-sans"> <span className="text-[9px] smallcaps text-clay-400 tracking-[0.2em] font-sans">
✦ 故 · 事 · 预 · 告 ✦ ✦ 故 · 事 · 预 · 告 ✦
</span> </span>
<p className={`font-serif leading-[2] text-clay-700 text-[13px] md:text-[15px] italic whitespace-pre-wrap text-left w-full ${pulseActive ? "animate-slow-pulse" : ""}`}> <p className={`font-serif leading-[2] text-clay-700 text-[13px] md:text-[15px] italic whitespace-pre-wrap text-left w-full ${teaserDone ? "animate-slow-pulse" : ""}`}>
{typedTeaser} {typedTeaser}
</p> </p>
</div> </div>