32 lines
851 B
TypeScript
32 lines
851 B
TypeScript
import { Footer } from "@excalidraw/excalidraw/index";
|
|
import React from "react";
|
|
|
|
import { isExcalidrawPlusSignedUser } from "../app_constants";
|
|
|
|
import { DebugFooter, isVisualDebuggerEnabled } from "./DebugCanvas";
|
|
import { EncryptedIcon } from "./EncryptedIcon";
|
|
import { ExcalidrawPlusAppLink } from "./ExcalidrawPlusAppLink";
|
|
|
|
export const AppFooter = React.memo(
|
|
({ onChange }: { onChange: () => void }) => {
|
|
return (
|
|
<Footer>
|
|
<div
|
|
style={{
|
|
display: "flex",
|
|
gap: ".5rem",
|
|
alignItems: "center",
|
|
}}
|
|
>
|
|
{isVisualDebuggerEnabled() && <DebugFooter onChange={onChange} />}
|
|
{isExcalidrawPlusSignedUser ? (
|
|
<ExcalidrawPlusAppLink />
|
|
) : (
|
|
<EncryptedIcon />
|
|
)}
|
|
</div>
|
|
</Footer>
|
|
);
|
|
},
|
|
);
|