hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

reorganized repl

Browse source
This commit is contained in:
Jade (Rose) Rowland 2024-08-12 20:32:58 -04:00
parent 2899ee5aef
commit 5e6131af24
7 changed files with 294 additions and 283 deletions
Download patch file Download diff file Expand all files Collapse all files

13
website/src/components/Udels/UdelsEditor.jsx
View file

@ -1,4 +1,3 @@
import { ReplContext } from '@src/repl/util.mjs';
import Loader from '@src/repl/components/Loader';
import { Panel } from '@src/repl/components/panel/Panel';
@ -8,20 +7,15 @@ import UserFacingErrorMessage from '@src/repl/components/UserFacingErrorMessage'
// type Props = {
// context: replcontext,
// containerRef: React.MutableRefObject<HTMLElement | null>,
// editorRef: React.MutableRefObject<HTMLElement | null>,
// error: Error
// init: () => void
// }
export default function UdelsEditor(Props) {
const { context, containerRef, editorRef, error, init } = Props;
const { pending, started, handleTogglePlay } = context;
const {context} = Props;
const { containerRef, editorRef, error, init, pending, started, handleTogglePlay } = context;
return (
<ReplContext.Provider value={context}>
<div className={'h-full flex w-full flex-col relative'}>
<Loader active={pending} />
{/* <Header context={context} /> */}
<BigPlayButton started={started} handleTogglePlay={handleTogglePlay} />
<div className="grow flex relative overflow-hidden">
<Code containerRef={containerRef} editorRef={editorRef} init={init} />
@ -29,6 +23,5 @@ export default function UdelsEditor(Props) {
<UserFacingErrorMessage error={error} />
<Panel context={context} />
</div>
</ReplContext.Provider>
);
}