From 55e8f6a20ad4c90d517eb89d64a398cab099658f Mon Sep 17 00:00:00 2001
From: Ilya Y <75578537+ilya-bkv@users.noreply.github.com>
Date: Sat, 24 Jun 2023 17:45:57 +0300
Subject: [PATCH] [222] change headers signature in Editor (#113)

---
 src/components/Editor/Editor.tsx                     |  2 +-
 .../Editor/TextBubbleMenu/TextBubbleMenu.tsx         | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Editor/Editor.tsx b/src/components/Editor/Editor.tsx
index 990e4ee4..94b3e19a 100644
--- a/src/components/Editor/Editor.tsx
+++ b/src/components/Editor/Editor.tsx
@@ -132,7 +132,7 @@ export const Editor = (props: EditorProps) => {
         openOnClick: false
       }),
       Heading.configure({
-        levels: [1, 2, 3]
+        levels: [2, 3, 4]
       }),
       BulletList,
       OrderedList,
diff --git a/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx b/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx
index 71a2900e..fb0a9c64 100644
--- a/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx
+++ b/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx
@@ -31,9 +31,9 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
 
   const isBold = isActive('bold')
   const isItalic = isActive('italic')
-  const isH1 = isActive('heading', { level: 1 })
-  const isH2 = isActive('heading', { level: 2 })
-  const isH3 = isActive('heading', { level: 3 })
+  const isH1 = isActive('heading', { level: 2 })
+  const isH2 = isActive('heading', { level: 3 })
+  const isH3 = isActive('heading', { level: 4 })
   const isBlockQuote = isActive('blockquote')
   const isOrderedList = isActive('isOrderedList')
   const isBulletList = isActive('isBulletList')
@@ -117,7 +117,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                                 [styles.bubbleMenuButtonActive]: isH1()
                               })}
                               onClick={() => {
-                                props.editor.chain().focus().toggleHeading({ level: 1 }).run()
+                                props.editor.chain().focus().toggleHeading({ level: 2 }).run()
                                 toggleTextSizePopup()
                               }}
                             >
@@ -134,7 +134,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                                 [styles.bubbleMenuButtonActive]: isH2()
                               })}
                               onClick={() => {
-                                props.editor.chain().focus().toggleHeading({ level: 2 }).run()
+                                props.editor.chain().focus().toggleHeading({ level: 3 }).run()
                                 toggleTextSizePopup()
                               }}
                             >
@@ -151,7 +151,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                                 [styles.bubbleMenuButtonActive]: isH3()
                               })}
                               onClick={() => {
-                                props.editor.chain().focus().toggleHeading({ level: 3 }).run()
+                                props.editor.chain().focus().toggleHeading({ level: 4 }).run()
                                 toggleTextSizePopup()
                               }}
                             >