marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-09-26 10:49:57 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: dark theme export background

Browse Source
This commit is contained in:
Arnošt Pleskot
2023-08-13 20:00:17 +02:00
parent baa133cbb7
commit 787f5d68cf
11 changed files with 172 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/actions/actionExport.tsx
View File

@@ -25,7 +25,7 @@ import { nativeFileSystemSupported } from "../data/filesystem";
import { Theme } from "../element/types";
import "../components/ToolIcon.scss";
import Select from "../components/Select";
import Select, { convertToSelectItems } from "../components/Select";
export const actionChangeProjectName = register({
name: "changeProjectName",
@@ -119,21 +119,27 @@ export const actionChangeFancyBackgroundImageUrl = register({
trackEvent: { category: "export", action: "toggleBackgroundImage" },
perform: (_elements, appState, value) => {
return {
appState: { ...appState, fancyBackgroundImageUrl: value },
appState: { ...appState, fancyBackgroundImageKey: value },
commitToHistory: false,
};
},
PanelComponent: ({ updateData }) => (
<Select
items={FANCY_BACKGROUND_IMAGES}
ariaLabel={t("imageExportDialog.label.backgroundImage")}
placeholder={t("imageExportDialog.label.backgroundImage")}
value={DEFAULT_FANCY_BACKGROUND_IMAGE}
onChange={(value) => {
updateData(value);
}}
/>
),
PanelComponent: ({ updateData }) => {
const items = convertToSelectItems(
FANCY_BACKGROUND_IMAGES,
(item) => item.label,
);
return (
<Select
items={items}
ariaLabel={t("imageExportDialog.label.backgroundImage")}
placeholder={t("imageExportDialog.label.backgroundImage")}
value={DEFAULT_FANCY_BACKGROUND_IMAGE}
onChange={(value) => {
updateData(value);
}}
/>
);
},
});
export const actionChangeExportEmbedScene = register({