mirror of
https://github.com/bitburner-official/bitburner-src.git
synced 2024-10-23 18:23:15 +02:00
44 lines
906 B
TypeScript
44 lines
906 B
TypeScript
import React, { useState, useEffect } from "react";
|
|
|
|
interface IProps {
|
|
text: string;
|
|
onDone?: () => void;
|
|
}
|
|
|
|
function sleep(ms: number): Promise<void> {
|
|
return new Promise((resolve) => setTimeout(resolve, ms));
|
|
}
|
|
|
|
export function CinematicLine(props: IProps): React.ReactElement {
|
|
const [length, setLength] = useState(0);
|
|
const [done, setDone] = useState(false);
|
|
|
|
function advance(): void {
|
|
const newLength = length + 1;
|
|
setLength(newLength);
|
|
setDone(newLength >= props.text.length);
|
|
}
|
|
|
|
useEffect(() => {
|
|
if (done && props.onDone) {
|
|
props.onDone();
|
|
return;
|
|
}
|
|
let cancel = false;
|
|
(async () => {
|
|
await sleep(10).then(() => !cancel && advance());
|
|
})();
|
|
return () => {
|
|
cancel = true;
|
|
};
|
|
});
|
|
return (
|
|
<>
|
|
<pre>
|
|
{props.text.slice(0, length)}
|
|
{!done && <span>█</span>}
|
|
</pre>
|
|
</>
|
|
);
|
|
}
|