Add pause-resume-stop functionality and UI

2021-12-15 21:31:25 +05:30
parent 29b243d6f2
commit 13ff6da638
8 changed files with 262 additions and 31 deletions
--- a/ui/MainLayout.tsx
+++ b/ui/MainLayout.tsx
@ -16,6 +16,7 @@ type Props = {
  renderRenderer: () => React.ReactNode;
  renderInput: () => React.ReactNode;
  renderOutput: () => React.ReactNode;
+  renderExecControls: () => React.ReactNode;
 };

 export const MainLayout = (props: Props) => {
@ -48,7 +49,9 @@ export const MainLayout = (props: Props) => {
        <MosaicWindow<number>
          path={path}
          title={WindowTitles[windowId]}
-          toolbarControls={<span />}
+          toolbarControls={
+            windowId === "editor" ? props.renderExecControls() : <span />
+          }
        >
          {MOSAIC_MAP[windowId]()}
        </MosaicWindow>