style(13-03): apply Prettier formatting across repo
Mechanical reformat — no logic changes. 398 files changed, 19125 insertions(+), 16457 deletions(-). Prettier 3.8.4 with .prettierrc (singleQuote:true, semi:true, tabWidth:2, trailingComma:all, printWidth:100). Isolated per D-13-08 for reviewability.
This commit is contained in:
@@ -9,30 +9,30 @@
|
||||
* - Submit: Enter key OR tap "Add" button
|
||||
*/
|
||||
|
||||
import { useState, useRef } from 'react'
|
||||
import { useState, useRef } from 'react';
|
||||
|
||||
interface AddItemInputProps {
|
||||
onAdd: (text: string) => void
|
||||
onAdd: (text: string) => void;
|
||||
/** Whether the add mutation is pending (parent controls this for optimistic state) */
|
||||
isPending?: boolean
|
||||
isPending?: boolean;
|
||||
}
|
||||
|
||||
export function AddItemInput({ onAdd, isPending = false }: AddItemInputProps) {
|
||||
const [text, setText] = useState('')
|
||||
const inputRef = useRef<HTMLInputElement>(null)
|
||||
const [text, setText] = useState('');
|
||||
const inputRef = useRef<HTMLInputElement>(null);
|
||||
|
||||
function handleSubmit() {
|
||||
const trimmed = text.trim()
|
||||
if (!trimmed) return
|
||||
onAdd(trimmed)
|
||||
setText('')
|
||||
inputRef.current?.focus()
|
||||
const trimmed = text.trim();
|
||||
if (!trimmed) return;
|
||||
onAdd(trimmed);
|
||||
setText('');
|
||||
inputRef.current?.focus();
|
||||
}
|
||||
|
||||
function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {
|
||||
if (e.key === 'Enter') {
|
||||
e.preventDefault()
|
||||
handleSubmit()
|
||||
e.preventDefault();
|
||||
handleSubmit();
|
||||
}
|
||||
}
|
||||
|
||||
@@ -74,10 +74,10 @@ export function AddItemInput({ onAdd, isPending = false }: AddItemInputProps) {
|
||||
fontFamily: 'var(--font-family-base)',
|
||||
}}
|
||||
onFocus={(e) => {
|
||||
e.currentTarget.style.borderColor = 'var(--color-focus-ring, #4A90D9)'
|
||||
e.currentTarget.style.borderColor = 'var(--color-focus-ring, #4A90D9)';
|
||||
}}
|
||||
onBlur={(e) => {
|
||||
e.currentTarget.style.borderColor = 'var(--color-border)'
|
||||
e.currentTarget.style.borderColor = 'var(--color-border)';
|
||||
}}
|
||||
/>
|
||||
<button
|
||||
@@ -101,5 +101,5 @@ export function AddItemInput({ onAdd, isPending = false }: AddItemInputProps) {
|
||||
Add
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user