smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: select the export bcg image and bcg color from appState

Browse source
This commit is contained in:
Arnošt Pleskot 2023-07-28 23:45:01 +02:00
parent f15417f864
commit f57cd7e2d5
No known key found for this signature in database
20 changed files with 491 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/ImageExportDialog.tsx
View file

@ -9,6 +9,7 @@ import {
actionChangeExportEmbedScene,
actionChangeExportScale,
actionChangeProjectName,
actionChangeExportBackgroundImage,
} from "../actions/actionExport";
import { probablySupportsClipboardBlob } from "../clipboard";
import {
@ -16,6 +17,8 @@ import {
EXPORT_IMAGE_TYPES,
isFirefox,
EXPORT_SCALES,
EXPORT_BACKGROUND_IMAGES,
DEFAULT_EXPORT_BACKGROUND_IMAGE,
} from "../constants";
import { canvasToBlob } from "../data/blob";
@ -34,6 +37,7 @@ import { Tooltip } from "./Tooltip";
import "./ImageExportDialog.scss";
import { useAppProps } from "./App";
import { FilledButton } from "./FilledButton";
import Select from "./Select";
const supportsContextFilters =
"filter" in document.createElement("canvas").getContext("2d")!;
@ -74,6 +78,10 @@ const ImageExportModal = ({
const [exportWithBackground, setExportWithBackground] = useState(
appState.exportBackground,
);
const [exportBackgroundImage, setExportBackgroundImage] = useState<string>(
DEFAULT_EXPORT_BACKGROUND_IMAGE,
);
const [exportDarkMode, setExportDarkMode] = useState(
appState.exportWithDarkMode,
);
@ -169,6 +177,20 @@ const ImageExportModal = ({
label={t("imageExportDialog.label.withBackground")}
name="exportBackgroundSwitch"
>
<Select
items={EXPORT_BACKGROUND_IMAGES}
ariaLabel={t("imageExportDialog.label.backgroundImage")}
placeholder={t("imageExportDialog.label.backgroundImage")}
value={exportBackgroundImage}
onChange={(value) => {
setExportBackgroundImage(value);
actionManager.executeAction(
actionChangeExportBackgroundImage,
"ui",
value,
);
}}
/>
<Switch
name="exportBackgroundSwitch"
checked={exportWithBackground}