elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-24 20:18:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: mini repl play toggle button

Browse Source
This commit is contained in:
Felix Roos 2023-12-15 23:20:21 +01:00
parent b5edcde638
commit 9c13f6bb53
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/codemirror/codemirror.mjs
View File

@ -182,7 +182,7 @@ export class StrudelMirror {
} }
async toggle() { async toggle() {
if (this.repl.scheduler.started) { if (this.repl.scheduler.started) {
this.repl.scheduler.stop(); this.repl.stop();
} else { } else {
this.evaluate(); this.evaluate();
} }

3
website/src/docs/MicroRepl.jsx
View File

@ -1,5 +1,6 @@
import { useState, useRef, useCallback, useEffect } from 'react'; import { useState, useRef, useCallback, useEffect } from 'react';
import { Icon } from './Icon'; import { Icon } from './Icon';
// import { useInView } from 'react-hook-inview';
export function MicroRepl({ code, hideHeader = false }) { export function MicroRepl({ code, hideHeader = false }) {
/* const [ref, isVisible] = useInView({ /* const [ref, isVisible] = useInView({
@ -10,7 +11,7 @@ export function MicroRepl({ code, hideHeader = false }) {
const wc = useRef(); const wc = useRef();
function togglePlay() { function togglePlay() {
if (wc.current) { if (wc.current) {
wc.current?.editor.evaluate(); wc.current?.editor.toggle();
} }
} }
const listener = useCallback((e) => setReplState({ ...e.detail }), []); const listener = useCallback((e) => setReplState({ ...e.detail }), []);