diff --git a/src/components/ModemIntro.tsx b/src/components/ModemIntro.tsx index 61882e0..b1e3b38 100644 --- a/src/components/ModemIntro.tsx +++ b/src/components/ModemIntro.tsx @@ -1,4 +1,4 @@ -import { useState } from 'react'; +import { useState, useEffect } from 'react'; import { playLine1Sequence, markConnected } from '../lib/sound'; type DialState = 'idle' | 'dialing'; export default function ModemIntro() { @@ -8,6 +8,15 @@ export default function ModemIntro() { setState('dialing'); playLine1Sequence(() => { markConnected(); window.location.href = '/bbs/'; }); } + useEffect(() => { + if (state !== 'idle') return; + function onKeyDown(e: KeyboardEvent) { + if (e.key === '1') { selectLine(1); } + if (e.key === '2') { selectLine(2); } + } + window.addEventListener('keydown', onKeyDown); + return () => window.removeEventListener('keydown', onKeyDown); + }, [state]); return (
{`+------------------------------------------+