diff --git a/frontends/web/react/components/index.ts b/frontends/web/react/components/index.ts index 6ec9010a9a7d8099e4c715093e38cbf130dfcf2b..88127a04f34a00346d54f184d59f9ca8f477d40e 100644 --- a/frontends/web/react/components/index.ts +++ b/frontends/web/react/components/index.ts @@ -3,4 +3,5 @@ export * from "./debug/debug"; export * from "./help/help"; export * from "./registers-gb/registers-gb"; export * from "./serial-section/serial-section"; +export * from "./test-section/test-section"; export * from "./tiles-gb/tiles-gb"; diff --git a/frontends/web/react/components/test-section/test-section.css b/frontends/web/react/components/test-section/test-section.css new file mode 100644 index 0000000000000000000000000000000000000000..c84791736aba1e86d93cc0ba3af0a0f88bcbad56 --- /dev/null +++ b/frontends/web/react/components/test-section/test-section.css @@ -0,0 +1,2 @@ +.test-section { +} diff --git a/frontends/web/react/components/test-section/test-section.tsx b/frontends/web/react/components/test-section/test-section.tsx new file mode 100644 index 0000000000000000000000000000000000000000..a1db048c9fabd87789f46e8f85320ba618b1d16f --- /dev/null +++ b/frontends/web/react/components/test-section/test-section.tsx @@ -0,0 +1,19 @@ +import React, { FC } from "react"; +import { TextInput } from "emukit"; + +import "./test-section.css"; + +type TestSectionProps = { + style?: string[]; +}; + +export const TestSection: FC<TestSectionProps> = ({ style = [] }) => { + const classes = () => ["test-section", ...style].join(" "); + return ( + <div className={classes()}> + <TextInput /> + </div> + ); +}; + +export default TestSection; diff --git a/frontends/web/ts/gb.ts b/frontends/web/ts/gb.ts index 6b7334965d8e5176c6ad03ea89723bed2b16eafb..29cc54941bd08ebef750b37082654245c39b237b 100644 --- a/frontends/web/ts/gb.ts +++ b/frontends/web/ts/gb.ts @@ -24,7 +24,8 @@ import { DebugGeneral, HelpFaqs, HelpKeyboard, - SerialSection + SerialSection, + TestSection } from "../react"; import { @@ -536,6 +537,10 @@ export class GameboyEmulator extends EmulatorBase implements Emulator { name: "Serial", icon: require("../res/serial.svg"), node: SerialSection({ emulator: this }) + }, + { + name: "Test", + node: TestSection({}) } ]; }