diff --git a/frontend/src/scenes/frame/panels/Control/Control.tsx b/frontend/src/scenes/frame/panels/Control/Control.tsx index 3c6d449d..e9338ea3 100644 --- a/frontend/src/scenes/frame/panels/Control/Control.tsx +++ b/frontend/src/scenes/frame/panels/Control/Control.tsx @@ -10,6 +10,8 @@ import { Tooltip } from '../../../../components/Tooltip' import { Spinner } from '../../../../components/Spinner' import { TextArea } from '../../../../components/TextArea' import { H6 } from '../../../../components/H6' +import { PencilSquareIcon } from '@heroicons/react/24/outline' +import { panelsLogic } from '../panelsLogic' // TODO: replace this with the actual proxied frame control URL export function Control(): JSX.Element { @@ -27,26 +29,29 @@ export function Control(): JSX.Element { fields, } = useValues(controlLogic({ frameId })) const { setCurrentScene, sync, submitStateChanges, resetStateChanges } = useActions(controlLogic({ frameId })) + const { editScene } = useActions(panelsLogic({ frameId })) const fieldCount = fields.length ?? 0 return (
-
+
Currently active scene:
- setCurrentScene(sceneId)} + value={sceneId} + /> + editScene(sceneId)} /> +
- -
+
Control the active scene: