Change pins to alphanumeric
This commit is contained in:
parent
a5f2f19898
commit
bfcc33cc50
3 changed files with 65 additions and 32 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue