From c907cfea47458e4c2518e553f79ceb46ab50d7b1 Mon Sep 17 00:00:00 2001
From: 1ilit <lilitmousheghyan@gmail.com>
Date: Mon, 8 Jul 2024 02:09:51 +0300
Subject: [PATCH] Add database icon to diagrams

---
 src/components/EditorHeader/ControlPanel.jsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/EditorHeader/ControlPanel.jsx b/src/components/EditorHeader/ControlPanel.jsx
index dcb66ad..a07489d 100644
--- a/src/components/EditorHeader/ControlPanel.jsx
+++ b/src/components/EditorHeader/ControlPanel.jsx
@@ -1507,9 +1507,21 @@ export default function ControlPanel({
             />
           </Link>
           <div className="ms-1 mt-1">
-            <div className="flex items-center">
+            <div className="flex items-center ms-3 gap-2">
+              {databases[database].image && (
+                <img
+                  src={databases[database].image}
+                  className="h-5"
+                  style={{
+                    filter:
+                      "opacity(0.4) drop-shadow(0 0 0 white) drop-shadow(0 0 0 white)",
+                  }}
+                  alt={databases[database].name + " icon"}
+                  title={databases[database].name + " diagram"}
+                />
+              )}
               <div
-                className="text-xl ms-3 me-1"
+                className="text-xl  me-1"
                 onMouseEnter={() => setShowEditName(true)}
                 onMouseLeave={() => setShowEditName(false)}
                 onClick={() => setModal(MODAL.RENAME)}