giers10/webeditor3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor input change handlers in App.tsx

Browse Source
This commit is contained in:
Victor Giers
2026-03-31 02:19:58 +02:00
parent 4d95b10e93
commit 7b152b7581
1 changed files with 24 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/App.tsx
View File

@@ -458,7 +458,10 @@ export function App({ store, initialStatusMessage }: AppProps) {
type="number" type="number"
step={DEFAULT_GRID_SIZE} step={DEFAULT_GRID_SIZE}
value={positionDraft.x} value={positionDraft.x}
onChange={(event) => setPositionDraft((draft) => ({ ...draft, x: event.currentTarget.value }))} onChange={(event) => {
const nextValue = event.currentTarget.value;
setPositionDraft((draft) => ({ ...draft, x: nextValue }));
}}
onKeyDown={(event) => handleDraftVectorKeyDown(event, applyPositionChange)} onKeyDown={(event) => handleDraftVectorKeyDown(event, applyPositionChange)}
/> />
</label> </label>
@@ -469,7 +472,10 @@ export function App({ store, initialStatusMessage }: AppProps) {
type="number" type="number"
step={DEFAULT_GRID_SIZE} step={DEFAULT_GRID_SIZE}
value={positionDraft.y} value={positionDraft.y}
onChange={(event) => setPositionDraft((draft) => ({ ...draft, y: event.currentTarget.value }))} onChange={(event) => {
const nextValue = event.currentTarget.value;
setPositionDraft((draft) => ({ ...draft, y: nextValue }));
}}
onKeyDown={(event) => handleDraftVectorKeyDown(event, applyPositionChange)} onKeyDown={(event) => handleDraftVectorKeyDown(event, applyPositionChange)}
/> />
</label> </label>
@@ -480,7 +486,10 @@ export function App({ store, initialStatusMessage }: AppProps) {
type="number" type="number"
step={DEFAULT_GRID_SIZE} step={DEFAULT_GRID_SIZE}
value={positionDraft.z} value={positionDraft.z}
onChange={(event) => setPositionDraft((draft) => ({ ...draft, z: event.currentTarget.value }))} onChange={(event) => {
const nextValue = event.currentTarget.value;
setPositionDraft((draft) => ({ ...draft, z: nextValue }));
}}
onKeyDown={(event) => handleDraftVectorKeyDown(event, applyPositionChange)} onKeyDown={(event) => handleDraftVectorKeyDown(event, applyPositionChange)}
/> />
</label> </label>
@@ -501,7 +510,10 @@ export function App({ store, initialStatusMessage }: AppProps) {
min={DEFAULT_GRID_SIZE} min={DEFAULT_GRID_SIZE}
step={DEFAULT_GRID_SIZE} step={DEFAULT_GRID_SIZE}
value={sizeDraft.x} value={sizeDraft.x}
onChange={(event) => setSizeDraft((draft) => ({ ...draft, x: event.currentTarget.value }))} onChange={(event) => {
const nextValue = event.currentTarget.value;
setSizeDraft((draft) => ({ ...draft, x: nextValue }));
}}
onKeyDown={(event) => handleDraftVectorKeyDown(event, applySizeChange)} onKeyDown={(event) => handleDraftVectorKeyDown(event, applySizeChange)}
/> />
</label> </label>
@@ -513,7 +525,10 @@ export function App({ store, initialStatusMessage }: AppProps) {
min={DEFAULT_GRID_SIZE} min={DEFAULT_GRID_SIZE}
step={DEFAULT_GRID_SIZE} step={DEFAULT_GRID_SIZE}
value={sizeDraft.y} value={sizeDraft.y}
onChange={(event) => setSizeDraft((draft) => ({ ...draft, y: event.currentTarget.value }))} onChange={(event) => {
const nextValue = event.currentTarget.value;
setSizeDraft((draft) => ({ ...draft, y: nextValue }));
}}
onKeyDown={(event) => handleDraftVectorKeyDown(event, applySizeChange)} onKeyDown={(event) => handleDraftVectorKeyDown(event, applySizeChange)}
/> />
</label> </label>
@@ -525,7 +540,10 @@ export function App({ store, initialStatusMessage }: AppProps) {
min={DEFAULT_GRID_SIZE} min={DEFAULT_GRID_SIZE}
step={DEFAULT_GRID_SIZE} step={DEFAULT_GRID_SIZE}
value={sizeDraft.z} value={sizeDraft.z}
onChange={(event) => setSizeDraft((draft) => ({ ...draft, z: event.currentTarget.value }))} onChange={(event) => {
const nextValue = event.currentTarget.value;
setSizeDraft((draft) => ({ ...draft, z: nextValue }));
}}
onKeyDown={(event) => handleDraftVectorKeyDown(event, applySizeChange)} onKeyDown={(event) => handleDraftVectorKeyDown(event, applySizeChange)}
/> />
</label> </label>