diff --git a/src/lib/configure-goban.tsx b/src/lib/configure-goban.tsx index 3da328b3ee..32ce9ed41c 100644 --- a/src/lib/configure-goban.tsx +++ b/src/lib/configure-goban.tsx @@ -32,12 +32,12 @@ import { toast } from "toast"; let previous_toast: any = null; export function configure_goban() { - data.watch("experiments.svg", () => { - const v = data.get("experiments.svg"); + data.watch("experiments.canvas", () => { + const v = data.get("experiments.canvas"); if (v === "enabled") { - setGobanRenderer("svg"); - } else { setGobanRenderer("canvas"); + } else { + setGobanRenderer("svg"); } }); diff --git a/src/views/Settings/ThemePreferences.tsx b/src/views/Settings/ThemePreferences.tsx index 0f3e3aaccb..f82c70d013 100644 --- a/src/views/Settings/ThemePreferences.tsx +++ b/src/views/Settings/ThemePreferences.tsx @@ -134,8 +134,8 @@ export function ThemePreferences(): JSX.Element | null { } */ - const [svg_enabled, setSvgEnabled] = useData("experiments.svg"); - const enable_svg = svg_enabled === "enabled"; + const [canvas_enabled, setCanvasEnabled] = useData("experiments.canvas"); + const enable_svg = canvas_enabled !== "enabled"; const sample_goban_key = (enable_svg ? "svg" : "canvas") + @@ -420,12 +420,12 @@ export function ThemePreferences(): JSX.Element | null { - + { //data.set("experiments.svg", tf ? "enabled" : undefined); - setSvgEnabled(tf ? "enabled" : undefined); + setCanvasEnabled(tf ? "enabled" : undefined); }} />