jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-21 01:01:17 -04:00
Code Issues Activity

refactor <VNC />

Browse Source
This commit is contained in:
Jake Jarvis
2022-04-17 15:48:25 -04:00
parent a632246975
commit d5690d2972
4 changed files with 155 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/Terminal/Terminal.tsx
View File

@@ -1,6 +1,5 @@
import { forwardRef } from "react";
import { keyframes, styled } from "../../lib/styles/stitches.config";
import type { Ref, ComponentProps } from "react";
import type { ComponentProps } from "react";
const BlackBox = styled("div", {
width: "100%",
@@ -25,7 +24,7 @@ const Underscore = styled("span", {
display: "inline-block",
verticalAlign: "text-bottom",
width: "10px",
margin: "0 4px",
marginLeft: "6px",
borderBottom: "2px solid #cccccc",
// blink every second for 0.4s
@@ -35,12 +34,13 @@ const Underscore = styled("span", {
export type TerminalProps = ComponentProps<typeof BlackBox>;
// a DOS-style terminal box with dynamic text
const Terminal = forwardRef(function Terminal({ ...rest }: TerminalProps, ref: Ref<HTMLPreElement>) {
const Terminal = ({ children: message, ...rest }: TerminalProps) => {
return (
<BlackBox {...rest}>
<Monospace ref={ref} /> <Underscore />
{message && <Monospace>{message}</Monospace>}
<Underscore />
</BlackBox>
);
});
};
export default Terminal;