84a1863233
* support appearance when updating scene data * works! * whoops, missed a prop * hide appearance button when prop is not set * cleanup * fix export + rename prop to theme * rename to showThemeBtn, hide via react instead of css * adapt to new state name * add tests and css selector to target the dark mode toggle * updated changelog and readme * fix markdown rendering in readme * pr feedback
31 lines
787 B
TypeScript
31 lines
787 B
TypeScript
import React from "react";
|
|
import { ActionManager } from "../actions/manager";
|
|
import { AppState } from "../types";
|
|
import { DarkModeToggle } from "./DarkModeToggle";
|
|
|
|
export const BackgroundPickerAndDarkModeToggle = ({
|
|
appState,
|
|
setAppState,
|
|
actionManager,
|
|
showThemeBtn,
|
|
}: {
|
|
actionManager: ActionManager;
|
|
appState: AppState;
|
|
setAppState: React.Component<any, AppState>["setState"];
|
|
showThemeBtn: boolean;
|
|
}) => (
|
|
<div style={{ display: "flex" }}>
|
|
{actionManager.renderAction("changeViewBackgroundColor")}
|
|
{showThemeBtn && (
|
|
<div style={{ marginInlineStart: "0.25rem" }}>
|
|
<DarkModeToggle
|
|
value={appState.theme}
|
|
onChange={(theme) => {
|
|
setAppState({ theme });
|
|
}}
|
|
/>
|
|
</div>
|
|
)}
|
|
</div>
|
|
);
|