|
1 | 1 | 'use client' |
2 | 2 |
|
3 | | -import React, { useEffect, useMemo, useRef, useState } from 'react'; from 'react'; |
| 3 | +import React, { useEffect, useMemo, useRef, useState } from 'react'; |
4 | 4 |
|
5 | 5 | const STORAGE_KEYS = { |
6 | 6 | history: 'ptc_history_v1', |
@@ -260,7 +260,8 @@ function commandSuggestions(query) { |
260 | 260 | function App() { |
261 | 261 | const [prefs, setPrefs] = useState(DEFAULT_PREFS); |
262 | 262 | const [input, setInput] = useState(''); |
263 | | - const [selectedSuggestion, setSelectedSuggestion] = uconst [isPaletteOpen, setIsPaletteOpen] = useState(false); useState(false); |
| 263 | + const [selectedSuggestion, setSelectedSuggestion] = useState(0); |
| 264 | + const [isPaletteOpen, setIsPaletteOpen] = useState(false); |
264 | 265 | const [result, setResult] = useState(null); |
265 | 266 | const [history, setHistory] = useState([]); |
266 | 267 | const [pinned, setPinned] = useState([]); |
@@ -402,6 +403,7 @@ function App() { |
402 | 403 | } |
403 | 404 |
|
404 | 405 | function runSuggessetInput(text); |
| 406 | + setInput(text); |
405 | 407 | inputRef.current?.focus(); |
406 | 408 | setIsPaletteOpen(false); |
407 | 409 | executeCommand(text);https://speed.hetzner.de/10MB.bin'; |
@@ -456,8 +458,8 @@ function App() { |
456 | 458 | } |
457 | 459 | if (document.activeElement === inputRef.current) { |
458 | 460 | if (e.key === 'ArrowDown') { |
459 | | - e.pprev) => Math.min(prev + 1, Math.max(suggestions.length - 1, 0))); |
460 | | - } |
| 461 | + e.preventDefault(); |
| 462 | + setSelectedSuggestion((prev) => Math.min(prev + 1, suggestions.length -1)); |
461 | 463 |
|
462 | 464 | if (e.key === 'ArrowUp') { |
463 | 465 | e.preventDefault(); |
|
0 commit comments