From c313a2cf4229eeeb4bc486c64246237e93de370b Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 29 Aug 2023 21:20:08 +0530
Subject: [PATCH] add mermaid icon in dropdown

---
 src/components/Actions.tsx | 9 +++++++--
 src/components/icons.tsx   | 7 +++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/Actions.tsx b/src/components/Actions.tsx
index 066d7bd3d..d6b5db2a3 100644
--- a/src/components/Actions.tsx
+++ b/src/components/Actions.tsx
@@ -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")}
diff --git a/src/components/icons.tsx b/src/components/icons.tsx
index c24b61d0e..c06359dbc 100644
--- a/src/components/icons.tsx
+++ b/src/components/icons.tsx
@@ -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"
+  />,
+);