리펙토링: 코드 최적화
This commit is contained in:
@@ -11,10 +11,11 @@ import {
|
||||
} from "react";
|
||||
import type { FocusEvent, FormEvent } from "react";
|
||||
|
||||
import { DESKTOP_INPUT_DEVICE_QUERY } from "@/lib/input-device";
|
||||
|
||||
export type ActiveAnswerInput = 0 | 1;
|
||||
|
||||
const ANSWER_INPUT_PATTERN = /^-?\d*(?:\.\d*)?$/;
|
||||
const DESKTOP_INPUT_DEVICE_QUERY = "(any-hover: hover) and (any-pointer: fine)";
|
||||
const KEYPAD_KEYS = [
|
||||
"1",
|
||||
"2",
|
||||
@@ -290,15 +291,6 @@ const AnswerForm = forwardRef<AnswerFormHandle, AnswerFormProps>(function Answer
|
||||
{key}
|
||||
</button>
|
||||
))}
|
||||
<button
|
||||
type="button"
|
||||
onPointerDown={(event) => event.preventDefault()}
|
||||
onClick={deleteLastCharacter}
|
||||
aria-label={`${activeLabel} 마지막 글자 삭제`}
|
||||
className="inline-flex h-12 items-center justify-center rounded-md border border-slate-300 bg-white text-xl font-semibold text-slate-800 shadow-sm transition hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-offset-2"
|
||||
>
|
||||
⌫
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onPointerDown={(event) => event.preventDefault()}
|
||||
@@ -308,6 +300,15 @@ const AnswerForm = forwardRef<AnswerFormHandle, AnswerFormProps>(function Answer
|
||||
>
|
||||
.
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onPointerDown={(event) => event.preventDefault()}
|
||||
onClick={deleteLastCharacter}
|
||||
aria-label={`${activeLabel} 마지막 글자 삭제`}
|
||||
className="inline-flex h-12 items-center justify-center rounded-md border border-slate-300 bg-white text-xl font-semibold text-slate-800 shadow-sm transition hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-emerald-500 focus:ring-offset-2"
|
||||
>
|
||||
⌫
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onPointerDown={(event) => event.preventDefault()}
|
||||
|
||||
Reference in New Issue
Block a user