Task 4: Build ECGAnimation component with canvas-based heartbeat and name drawing

This commit is contained in:
2026-02-10 16:08:07 +00:00
parent f41c0189cc
commit a07557091a
2 changed files with 347 additions and 8 deletions
+2 -8
View File
@@ -1,6 +1,7 @@
import { useState } from 'react'
import type { Phase } from './types'
import { BootSequence } from './components/BootSequence'
import { ECGAnimation } from './components/ECGAnimation'
function App() {
const [phase, setPhase] = useState<Phase>('boot')
@@ -12,14 +13,7 @@ function App() {
)}
{phase === 'ecg' && (
<div className="fixed inset-0 bg-black flex flex-col justify-center items-center">
<button
onClick={() => setPhase('content')}
className="text-ecg-green font-mono hover:opacity-80 transition-opacity"
>
ECG Animation (placeholder - click to continue)
</button>
</div>
<ECGAnimation onComplete={() => setPhase('content')} />
)}
{phase === 'content' && (