f1daff2437
* refactor: Rename appearance to theme * fix * update changelog * rename theme_dark to theme--dark * add about migration
27 lines
700 B
TypeScript
27 lines
700 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,
|
|
}: {
|
|
actionManager: ActionManager;
|
|
appState: AppState;
|
|
setAppState: React.Component<any, AppState>["setState"];
|
|
}) => (
|
|
<div style={{ display: "flex" }}>
|
|
{actionManager.renderAction("changeViewBackgroundColor")}
|
|
<div style={{ marginInlineStart: "0.25rem" }}>
|
|
<DarkModeToggle
|
|
value={appState.theme}
|
|
onChange={(theme) => {
|
|
setAppState({ theme });
|
|
}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|