calvin.erfmann/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-05-27 11:12:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix pasting the device code not working

Browse Source
This commit is contained in:
Owen
2026-05-20 16:28:12 -07:00
parent 87bcd8ec1b
commit af13790c93
1 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/DeviceLoginForm.tsx
View File

@@ -318,12 +318,28 @@ export default function DeviceLoginForm({
<FormControl> <FormControl>
<div className="flex justify-center"> <div className="flex justify-center">
<InputOTP <InputOTP
maxLength={9} maxLength={8}
pattern={REGEXP_ONLY_DIGITS_AND_CHARS} pattern={REGEXP_ONLY_DIGITS_AND_CHARS}
{...field} {...field}
value={field.value value={field.value
.replace(/-/g, "") .replace(/-/g, "")
.toUpperCase()} .toUpperCase()}
onPaste={(event) => {
event.preventDefault();
const pastedText =
event.clipboardData.getData(
"text"
);
const cleanedValue =
pastedText
.replace(
/[^a-zA-Z0-9]/g,
""
)
.toUpperCase()
.slice(0, 8);
field.onChange(cleanedValue);
}}
onChange={(value) => { onChange={(value) => {
// Strip hyphens and convert to uppercase // Strip hyphens and convert to uppercase
const cleanedValue = value const cleanedValue = value