feat: pass current theme when installing libraries (#3701)

* pass current `theme` when installing libraries

* pass `theme` instead of `appState`
This commit is contained in:
David Luzar 2021-06-08 23:14:02 +02:00 committed by GitHub
parent 6b6002baae
commit 69b6fbb3f4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -107,6 +107,7 @@ const LibraryMenuItems = ({
onAddToLibrary, onAddToLibrary,
onInsertShape, onInsertShape,
pendingElements, pendingElements,
theme,
setAppState, setAppState,
setLibraryItems, setLibraryItems,
libraryReturnUrl, libraryReturnUrl,
@ -119,6 +120,7 @@ const LibraryMenuItems = ({
onRemoveFromLibrary: (index: number) => void; onRemoveFromLibrary: (index: number) => void;
onInsertShape: (elements: LibraryItem) => void; onInsertShape: (elements: LibraryItem) => void;
onAddToLibrary: (elements: LibraryItem) => void; onAddToLibrary: (elements: LibraryItem) => void;
theme: AppState["theme"];
setAppState: React.Component<any, AppState>["setState"]; setAppState: React.Component<any, AppState>["setState"];
setLibraryItems: (library: LibraryItems) => void; setLibraryItems: (library: LibraryItems) => void;
libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"]; libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
@ -192,7 +194,7 @@ const LibraryMenuItems = ({
<a <a
href={`https://libraries.excalidraw.com?target=${ href={`https://libraries.excalidraw.com?target=${
window.name || "_blank" window.name || "_blank"
}&referrer=${referrer}&useHash=true&token=${id}`} }&referrer=${referrer}&useHash=true&token=${id}&theme=${theme}`}
target="_excalidraw_libraries" target="_excalidraw_libraries"
> >
{t("labels.libraries")} {t("labels.libraries")}
@ -246,6 +248,7 @@ const LibraryMenu = ({
onInsertShape, onInsertShape,
pendingElements, pendingElements,
onAddToLibrary, onAddToLibrary,
theme,
setAppState, setAppState,
libraryReturnUrl, libraryReturnUrl,
focusContainer, focusContainer,
@ -256,6 +259,7 @@ const LibraryMenu = ({
onClickOutside: (event: MouseEvent) => void; onClickOutside: (event: MouseEvent) => void;
onInsertShape: (elements: LibraryItem) => void; onInsertShape: (elements: LibraryItem) => void;
onAddToLibrary: () => void; onAddToLibrary: () => void;
theme: AppState["theme"];
setAppState: React.Component<any, AppState>["setState"]; setAppState: React.Component<any, AppState>["setState"];
libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"]; libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
focusContainer: () => void; focusContainer: () => void;
@ -345,6 +349,7 @@ const LibraryMenu = ({
libraryReturnUrl={libraryReturnUrl} libraryReturnUrl={libraryReturnUrl}
focusContainer={focusContainer} focusContainer={focusContainer}
library={library} library={library}
theme={theme}
id={id} id={id}
/> />
)} )}
@ -537,6 +542,7 @@ const LayerUI = ({
libraryReturnUrl={libraryReturnUrl} libraryReturnUrl={libraryReturnUrl}
focusContainer={focusContainer} focusContainer={focusContainer}
library={library} library={library}
theme={appState.theme}
id={id} id={id}
/> />
) : null; ) : null;