add mermaid icon in dropdown

This commit is contained in:
Aakansha Doshi 2023-08-29 21:20:08 +05:30
parent 6b33ba1d04
commit c313a2cf42
2 changed files with 14 additions and 2 deletions

View File

@ -36,7 +36,12 @@ import {
import "./Actions.scss";
import DropdownMenu from "./dropdownMenu/DropdownMenu";
import { EmbedIcon, extraToolsIcon, frameToolIcon } from "./icons";
import {
EmbedIcon,
extraToolsIcon,
frameToolIcon,
mermaidLogoIcon,
} from "./icons";
import { KEYS } from "../keys";
export const SelectedShapeActions = ({
@ -408,7 +413,7 @@ export const ShapesSwitcher = ({
selectedElementIds: {},
});
}}
icon={EmbedIcon}
icon={mermaidLogoIcon}
data-testid="toolbar-embeddable"
>
{t("toolBar.mermaidToExcalidraw")}

View File

@ -1655,3 +1655,10 @@ export const frameToolIcon = createIcon(
</g>,
tablerIconProps,
);
export const mermaidLogoIcon = createIcon(
<path
fill="black"
d="M407.48,111.18C335.587,108.103 269.573,152.338 245.08,220C220.587,152.338 154.573,108.103 82.68,111.18C80.285,168.229 107.577,222.632 154.74,254.82C178.908,271.419 193.35,298.951 193.27,328.27L193.27,379.13L296.9,379.13L296.9,328.27C296.816,298.953 311.255,271.42 335.42,254.82C382.596,222.644 409.892,168.233 407.48,111.18Z"
/>,
);