3aa01ad272
* chore: Remove tracking * process * rename * remove * prod * Update public/index.html Co-authored-by: David Luzar <luzar.david@gmail.com> * Update public/index.html * eol * more * stats Co-authored-by: David Luzar <luzar.david@gmail.com>
27 lines
715 B
TypeScript
27 lines
715 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.appearance}
|
|
onChange={(appearance) => {
|
|
setAppState({ appearance });
|
|
}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|