Change pins to alphanumeric

This commit is contained in:
Joey Yakimowich-Payne 2026-01-15 21:01:04 -07:00
commit bfcc33cc50
No known key found for this signature in database
GPG key ID: 6BFE655FA5ABD1E1
3 changed files with 65 additions and 32 deletions

View file

@ -568,8 +568,8 @@ export const Landing: React.FC<LandingProps> = ({ onGenerate, onCreateManual, on
type="text"
placeholder="Game PIN"
value={pin}
onChange={(e) => setPin(e.target.value)}
className="w-full p-4 text-xl font-bold border-2 border-gray-200 rounded-2xl focus:border-theme-primary focus:ring-4 focus:ring-theme-primary/20 outline-none text-center"
onChange={(e) => setPin(e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, '').slice(0, 6))}
className="w-full p-4 text-xl font-bold border-2 border-gray-200 rounded-2xl focus:border-theme-primary focus:ring-4 focus:ring-theme-primary/20 outline-none text-center uppercase tracking-widest"
/>
{gameInfo?.randomNamesEnabled ? (
<div className="p-4 bg-theme-primary/10 rounded-2xl border-2 border-theme-primary/20">