[DE mobile] Displaying the spell check switch in view mode

ONLYOFFICE · Feb 16, 2024 · 8b3b76a · 8b3b76a
1 parent 2ad3f1c
commit 8b3b76a
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx b/apps/documenteditor/mobile/src/view/settings/ApplicationSettings.jsx
@@ -37,7 +37,7 @@ const PageApplicationSettings = props => {
         <Page>
             <Navbar title={_t.textApplicationSettings} backLink={_t.textBack} />
             {_isEdit && !isViewer &&
-                <Fragment>
+                <>
                     <BlockTitle>{_t.textUnitOfMeasurement}</BlockTitle>
                     <List>
                         <ListItem radio radioIcon="end" title={_t.textCentimeter} name="unit-of-measurement" checked={unitMeasurement === 0}
@@ -47,16 +47,6 @@ const PageApplicationSettings = props => {
                         <ListItem radio radioIcon="end" title={_t.textInch} name="unit-of-measurement" checked={unitMeasurement === 2}
                                   onChange={() => changeMeasureSettings(2)}></ListItem>
                     </List>
-                    <List>
-                        <ListItem title={_t.textSpellcheck}>
-                            <Toggle checked={isSpellChecking}
-                                    onToggleChange={() => {
-                                        storeApplicationSettings.changeSpellCheck(!isSpellChecking);
-                                        props.switchSpellCheck(!isSpellChecking);
-                                    }}
-                            />
-                        </ListItem>
-                    </List>
                     <List>
                         <ListItem title={_t.textNoCharacters} disabled={displayMode !== 'markup'}>{/*ToDo: if (DisplayMode == "final" || DisplayMode == "original") {disabled} */}
                             <Toggle checked={isNonprintingCharacters}
@@ -75,7 +65,19 @@ const PageApplicationSettings = props => {
                             />
                         </ListItem>
                     </List>
-                </Fragment>
+                </>
+            }
+            {_isEdit &&
+                <List>
+                    <ListItem title={_t.textSpellcheck}>
+                        <Toggle checked={isSpellChecking}
+                                onToggleChange={() => {
+                                    storeApplicationSettings.changeSpellCheck(!isSpellChecking);
+                                    props.switchSpellCheck(!isSpellChecking);
+                                }}
+                        />
+                    </ListItem>
+                </List>
             }
             <BlockTitle>{_t.textCommentsDisplay}</BlockTitle>
             <List>