stefankoelle/28k8-moonweb-org
1
0
Fork 0
mirror of https://github.com/skoelle/28k8-moonweb-org.git synced 2026-09-17 18:30:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

modem intro with keyboard handler

Browse Source
This commit is contained in:
stefankoelle
2026-08-16 07:22:57 +02:00
parent 9aad7ad534
commit 9164d902df
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ModemIntro.tsx
+10 -1
View File
@@ -1,4 +1,4 @@
import { useState } from 'react'; import { useState, useEffect } from 'react';
import { playLine1Sequence, markConnected } from '../lib/sound'; import { playLine1Sequence, markConnected } from '../lib/sound';
type DialState = 'idle' | 'dialing'; type DialState = 'idle' | 'dialing';
export default function ModemIntro() { export default function ModemIntro() {
@@ -8,6 +8,15 @@ export default function ModemIntro() {
setState('dialing'); setState('dialing');
playLine1Sequence(() => { markConnected(); window.location.href = '/bbs/'; }); 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 ( return (
<div className="ansi-text welcome-modem" role="region" aria-label="Modem connect intro"> <div className="ansi-text welcome-modem" role="region" aria-label="Modem connect intro">
<pre style={{ textAlign: 'center' }}>{`+------------------------------------------+ <pre style={{ textAlign: 'center' }}>{`+------------------------------------------+