Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Keep cursor at the end of line when going through history

Browse source
This commit is contained in:
Griffin T 2020-11-09 15:34:56 +08:00
parent 085fa8dcb5
commit 76e3bcaa42
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
resources/scripts/components/server/Console.tsx
View file

@ -80,12 +80,16 @@ export default () => {
TERMINAL_PRELUDE + 'Server marked as ' + state + '...\u001b[0m', TERMINAL_PRELUDE + 'Server marked as ' + state + '...\u001b[0m',
); );
const handleCommandKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => { const handleCommandKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
if (e.key === 'ArrowUp') { if (e.key === 'ArrowUp') {
const newIndex = Math.min(historyIndex + 1, history!.length - 1); const newIndex = Math.min(historyIndex + 1, history!.length - 1);
setHistoryIndex(newIndex); setHistoryIndex(newIndex);
e.currentTarget.value = history![newIndex] || ''; e.currentTarget.value = history![newIndex] || '';
// By default up arrow will also bring the cursor to the start of the line,
// so we'll preventDefault to keep it at the end.
e.preventDefault();
} }
if (e.key === 'ArrowDown') { if (e.key === 'ArrowDown') {
@ -185,7 +189,7 @@ export default () => {
type={'text'} type={'text'}
disabled={!instance || !connected} disabled={!instance || !connected}
css={tw`bg-transparent text-neutral-100 p-2 pl-0 w-full`} css={tw`bg-transparent text-neutral-100 p-2 pl-0 w-full`}
onKeyDown={e => handleCommandKeydown(e)} onKeyDown={handleCommandKeyDown}
/> />
</div> </div>
</div> </div>