c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Lint

Browse Source
This commit is contained in:
Daniel Kluge
2021-12-14 23:45:00 +01:00
parent d6bd11f65e
commit 92e32e0674
5 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/REPLInput.tsx
View File

@ -1,7 +1,7 @@
import type { NextPage } from "next";
import React from "react"
import { commandCompletion } from "../lib/commands"
import styles from "../styles/REPLInput.module.css"
import React from "react";
import { commandCompletion } from "../lib/commands";
import styles from "../styles/REPLInput.module.css";
const REPLInput: NextPage = () => {
const typed = React.createRef<HTMLSpanElement>();
@ -14,7 +14,7 @@ const REPLInput: NextPage = () => {
setCurrentCmd(suggest);
if (typed.current) typed.current.innerHTML = currentInput;
if (completion.current) completion.current.innerHTML = suggest.substring(currentInput.length);
}
};
const tabComplete = (e: React.KeyboardEvent<HTMLInputElement>) => {
if (e.key === "Tab" && currentCmd !== "") {
@ -24,12 +24,12 @@ const REPLInput: NextPage = () => {
if(completion.current) completion.current.innerHTML = "";
}
return false;
}
};
return <div className={styles.wrapper}>
<input className={styles.in} type={"text"} onChange={replinOnChange} onKeyDown={tabComplete} spellCheck={"false"} />
<span className={styles.completionWrapper}><span ref={typed} className={styles.typed}></span><span ref={completion} className={styles.completion}></span></span>
</div>
}
</div>;
};
export default REPLInput;