From ad682fd47eb4d0eed76a0b09c63b6ebbdc75de05 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Thu, 24 Feb 2022 15:38:16 +0800
Subject: [PATCH] Add icon to SQL query dropdown item

---
 .../components/layouts/SQLEditorLayout/SQLEditorMenuOld.tsx  | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/studio/components/layouts/SQLEditorLayout/SQLEditorMenuOld.tsx b/studio/components/layouts/SQLEditorLayout/SQLEditorMenuOld.tsx
index 093b3a0076d..80065aa1fb9 100644
--- a/studio/components/layouts/SQLEditorLayout/SQLEditorMenuOld.tsx
+++ b/studio/components/layouts/SQLEditorLayout/SQLEditorMenuOld.tsx
@@ -16,6 +16,7 @@ import {
   IconChevronDown,
   Loading,
   Modal,
+  IconEdit2,
 } from '@supabase/ui'
 
 import { IS_PLATFORM } from 'lib/constants'
@@ -69,7 +70,9 @@ const DropdownMenu = observer(({ tabInfo }: { tabInfo: any }) => {
   function renderMenu() {
     return (
       <>
-        <Dropdown.Item onClick={renameQuery}>Rename query</Dropdown.Item>
+        <Dropdown.Item onClick={renameQuery} icon={<IconEdit2 size="tiny" />}>
+          Rename query
+        </Dropdown.Item>
         <Divider light />
         <Dropdown.Item onClick={() => setDeleteModalOpen(true)} icon={<IconTrash size="tiny" />}>
           Remove query