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

add some custom themes

Browse source
This commit is contained in:
Felix Roos 2023-02-19 18:53:35 +01:00
parent f3f18ffca7
commit 1e3f09f69b
9 changed files with 184 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

6
website/src/docs/MiniRepl.jsx
View file

@ -4,8 +4,7 @@ import { useEffect, useState } from 'react';
import { prebake } from '../repl/prebake';
import { themes, settings } from '../repl/themes.mjs';
import './MiniRepl.css';
const theme = localStorage.getItem('strudel-theme') || 'strudelTheme';
import useStore from '../useStore.mjs';
let modules;
if (typeof window !== 'undefined') {
@ -29,6 +28,9 @@ if (typeof window !== 'undefined') {
export function MiniRepl({ tune, drawTime, punchcard, canvasHeight = 100 }) {
const [Repl, setRepl] = useState();
const {
state: { theme },
} = useStore();
useEffect(() => {
// we have to load this package on the client
// because codemirror throws an error on the server