he4et/elseifplayer
1
0
Fork 0
mirror of https://github.com/He4eT/elseifplayer.git synced 2026-05-05 01:17:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Save last input

Browse source
This commit is contained in:
He4eT 2021-03-25 15:41:27 +05:00
commit 944746aad2
1 changed files with 17 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/Player/InputBox.jsx
View file

@ -35,6 +35,7 @@ const keyNames = {
export default function ({ currentWindow, inputType, sendMessage }) {
const [inputText, setInputText] = useState('')
const [lastInput, setLastInput] = useState('')
const inputEl = useRef(null)
useEffect(() => {
@ -43,6 +44,7 @@ export default function ({ currentWindow, inputType, sendMessage }) {
const send = x => {
sendMessage(x, currentWindow)
setLastInput(x)
setInputText('')
}
@ -62,6 +64,20 @@ export default function ({ currentWindow, inputType, sendMessage }) {
}
}
const lineArrowHandler = ({ keyCode }) => {
if (keyCode === keyCodes.KEY_UP) {
setInputText(lastInput)
setTimeout(_ => {
const end = lastInput.length
inputEl.current.setSelectionRange(end, end)
}, 0)
}
if (keyCode === keyCodes.KEY_DOWN) {
setInputText('')
}
}
const inputHandlers = {
char: {
placeholder: 'Press any key here',
@ -69,6 +85,7 @@ export default function ({ currentWindow, inputType, sendMessage }) {
},
line: {
placeholder: ' > ',
onKeyDown: lineArrowHandler,
onKeyPress: lineHandler
}
}