32 lines
812 B
TypeScript
32 lines
812 B
TypeScript
|
import { VERSIONS } from "../constants";
|
||
|
|
import { t } from "../i18n";
|
||
|
|
import { AppState, ExcalidrawProps } from "../types";
|
||
|
|
|
||
|
|
const LibraryMenuBrowseButton = ({
|
||
|
|
theme,
|
||
|
|
id,
|
||
|
|
libraryReturnUrl,
|
||
|
|
}: {
|
||
|
|
libraryReturnUrl: ExcalidrawProps["libraryReturnUrl"];
|
||
|
|
theme: AppState["theme"];
|
||
|
|
id: string;
|
||
|
|
}) => {
|
||
|
|
const referrer =
|
||
|
|
libraryReturnUrl || window.location.origin + window.location.pathname;
|
||
|
|
return (
|
||
|
|
<a
|
||
|
|
className="library-menu-browse-button"
|
||
|
|
href={`${process.env.REACT_APP_LIBRARY_URL}?target=${
|
||
|
|
window.name || "_blank"
|
||
|
|
}&referrer=${referrer}&useHash=true&token=${id}&theme=${theme}&version=${
|
||
|
|
VERSIONS.excalidrawLibrary
|
||
|
|
}`}
|
||
|
|
target="_excalidraw_libraries"
|
||
|
|
>
|
||
|
|
{t("labels.libraries")}
|
||
|
|
</a>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default LibraryMenuBrowseButton;
|