\n {/* Airport info — click to change */}\n navigate(\"/landing\")}\n title=\"Change airport\"\n >\n

\n {airport.icao}\n

\n {airport.name}\n

\n {airport.city} · {airport.type}\n

\n\n {/* Play button */}\n \n {isPlaying\n ? (\n \n )\n : (\n \n )}\n \n\n {/* Status */}\n

\n {status !== \"hidden\" && (\n <>\n

\n {statusText}\n \n )}\n

\n\n {/* Volume controls */}\n

\n toggleMute(\"music\")}\n >\n music\n \n setVolume(\"music\", parseInt((e.target as HTMLInputElement).value))}\n />\n

\n toggleMute(\"atc\")}\n >\n atc\n \n setVolume(\"atc\", parseInt((e.target as HTMLInputElement).value))}\n />\n

\n\n {/* Track info + skip */}\n

\n \n {musicError || trackName}\n \n \n skip ▸\n \n

\n\n {/* Change airport */}\n navigate(\"/landing\")}\n >\n change airport\n \n\n {/* Keyboard hints */}\n

\n space play · ←\n → atc · ↑\n ↓ music · n skip · esc back\n

\n\n {/* Footer */}\n

\n inspired by{\" \"}\n \n lofiatc.com\n {\" \"}\n · atc from{\" \"}\n \n liveatc.net\n {\" \"}\n ·{\" \"}\n \n view source\n \n

\n\n {/* Audio elements */}\n

\n );\n}\n\nfunction Kbd({ children }: { children: React.ReactNode }) {\n return (\n \n {children}\n \n );\n}\n","deleted","label",[181,163],"routes","permalink","https://www.val.town/x/stevekrouse/lofiatc/code/routes/Player.tsx","extension","actionData","errors"]