From 21ae03d4b5f2cd6b1bb9d88ee4ee82fe6a8af8b3 Mon Sep 17 00:00:00 2001
From: ShimaginAndrey <andrey.shimagin@onlyoffice.com>
Date: Tue, 21 Dec 2021 16:09:32 +0300
Subject: [PATCH] [DE] Fix Bug 54406

---
 .../mobile/src/view/edit/EditText.jsx         | 27 +++++++++----------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/apps/documenteditor/mobile/src/view/edit/EditText.jsx b/apps/documenteditor/mobile/src/view/edit/EditText.jsx
index 1b5649414..cced67389 100644
--- a/apps/documenteditor/mobile/src/view/edit/EditText.jsx
+++ b/apps/documenteditor/mobile/src/view/edit/EditText.jsx
@@ -189,7 +189,7 @@ const PageAdditionalFormatting = props => {
     )
 };
 
-const PageBullets = props => {
+const PageBullets = observer( props => {
     const { t } = useTranslation();
     const bulletArrays = [
         [
@@ -219,8 +219,7 @@ const PageBullets = props => {
                                     if (bullet.type === -1) {
                                         storeTextSettings.resetBullets(-1);
                                     }
-                                    props.onBullet(bullet.type)
-                                    props.f7router.back();
+                                    props.onBullet(bullet.type);
                                 }}>
                                 {bullet.thumb.length < 1 ?
                                     <Icon className="thumb" style={{position: 'relative'}}>
@@ -234,9 +233,9 @@ const PageBullets = props => {
             ))}
         </View>
     )
-};
+});
 
-const PageNumbers = props => {
+const PageNumbers = observer( props => {
     const { t } = useTranslation();
     const numberArrays = [
         [
@@ -267,8 +266,7 @@ const PageNumbers = props => {
                                 if (number.type === -1) {
                                     storeTextSettings.resetNumbers(-1);
                                 }
-                                props.onNumber(number.type)
-                                props.f7router.back();
+                                props.onNumber(number.type);
                             }}>
                             {number.thumb.length < 1 ?
                                 <Icon className="thumb" style={{position: 'relative'}}>
@@ -282,9 +280,9 @@ const PageNumbers = props => {
             ))}
         </View>
     )
-};
+});
 
-const PageMultiLevel = props => {
+const PageMultiLevel = observer( props => {
     const { t } = useTranslation();
     
     const arrayMultiLevel = [
@@ -305,7 +303,6 @@ const PageMultiLevel = props => {
                         onClick={(e) => {
                             item.type === -1 ? storeTextSettings.resetMultiLevel(-1) : storeTextSettings.resetMultiLevel(null);
                             props.onMultiLevelList(item.type);
-                            props.f7router.back();
                             }}>
                             {item.thumb.length < 1 ?
                                 <Icon className="thumb" style={{position: 'relative'}}>
@@ -319,7 +316,7 @@ const PageMultiLevel = props => {
         </View>
     )
         
-}
+});
 
 const PageBulletsAndNumbers = props => {
     const { t } = useTranslation();
@@ -337,13 +334,13 @@ const PageBulletsAndNumbers = props => {
                 }
             </Navbar>
             <Swiper pagination>
-                <SwiperSlide> <PageNumbers f7router={props.f7router}  storeTextSettings={storeTextSettings} onNumber={props.onNumber}/></SwiperSlide> 
-                <SwiperSlide> <PageBullets f7router={props.f7router} storeTextSettings={storeTextSettings} onBullet={props.onBullet}/></SwiperSlide>
-                <SwiperSlide> <PageMultiLevel f7router={props.f7router} storeTextSettings={storeTextSettings} onMultiLevelList={props.onMultiLevelList}/> </SwiperSlide>
+                <SwiperSlide> <PageNumbers storeTextSettings={storeTextSettings} onNumber={props.onNumber}/></SwiperSlide> 
+                <SwiperSlide> <PageBullets storeTextSettings={storeTextSettings} onBullet={props.onBullet}/></SwiperSlide>
+                <SwiperSlide> <PageMultiLevel storeTextSettings={storeTextSettings} onMultiLevelList={props.onMultiLevelList}/> </SwiperSlide>
             </Swiper>
         </Page>
     )
-}
+};
 
 const PageLineSpacing = props => {
     const { t } = useTranslation();