From 1061c722c99b80783d5b1c2979612493776bd5b9 Mon Sep 17 00:00:00 2001
From: Kiarokh Moattar <kiarokh@icloud.com>
Date: Tue, 11 Jun 2024 13:38:02 +0200
Subject: [PATCH] fix(text-editor): put most used controls in the toolbar first

Since the toolbar can truncate actions that are not fitting into
the available space, we need to make sure that we have
the frequently used actions displayed first.
---
 .../prosemirror-adapter/menu/menu-items.ts    | 48 ++++++++++---------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/src/components/text-editor/prosemirror-adapter/menu/menu-items.ts b/src/components/text-editor/prosemirror-adapter/menu/menu-items.ts
index 173ef9eb5a..6ec3384f2b 100644
--- a/src/components/text-editor/prosemirror-adapter/menu/menu-items.ts
+++ b/src/components/text-editor/prosemirror-adapter/menu/menu-items.ts
@@ -46,18 +46,23 @@ const textEditorMenuItems: Array<
         selected: false,
     },
     {
-        value: EditorMenuTypes.Code,
-        text: 'Code',
-        commandText: `${mod} \``,
-        icon: '-lime-text-code',
+        value: EditorMenuTypes.Link,
+        text: 'Link',
+        icon: '-lime-text-link',
+        iconOnly: true,
+    },
+    { separator: true },
+    {
+        value: EditorMenuTypes.BulletList,
+        text: 'Bullet list',
+        icon: '-lime-text-bulleted-list',
         iconOnly: true,
         selected: false,
     },
     {
-        value: EditorMenuTypes.CodeBlock,
-        text: 'Code Block',
-        commandText: `${mod} ${shift} C`,
-        icon: '-lime-text-code-block',
+        value: EditorMenuTypes.OrderedList,
+        text: 'Numbered list',
+        icon: '-lime-text-ordered-list',
         iconOnly: true,
         selected: false,
     },
@@ -88,32 +93,29 @@ const textEditorMenuItems: Array<
     },
     { separator: true },
     {
-        value: EditorMenuTypes.BulletList,
-        text: 'Bullet list',
-        icon: '-lime-text-bulleted-list',
+        value: EditorMenuTypes.Blockquote,
+        text: 'Blockquote',
+        icon: '-lime-text-blockquote',
         iconOnly: true,
         selected: false,
     },
+    { separator: true },
     {
-        value: EditorMenuTypes.OrderedList,
-        text: 'Numbered list',
-        icon: '-lime-text-ordered-list',
+        value: EditorMenuTypes.Code,
+        text: 'Code',
+        commandText: `${mod} \``,
+        icon: '-lime-text-code',
         iconOnly: true,
         selected: false,
     },
     {
-        value: EditorMenuTypes.Blockquote,
-        text: 'Blockquote',
-        icon: '-lime-text-blockquote',
+        value: EditorMenuTypes.CodeBlock,
+        text: 'Code Block',
+        commandText: `${mod} ${shift} C`,
+        icon: '-lime-text-code-block',
         iconOnly: true,
         selected: false,
     },
-    {
-        value: EditorMenuTypes.Link,
-        text: 'Link',
-        icon: '-lime-text-link',
-        iconOnly: true,
-    },
 ];
 
 export const getTextEditorMenuItems = () => cloneDeep(textEditorMenuItems);