android: settings sections (#709)

2026-03-31 16:15:55 +00:00 · 2022-05-30 09:03:41 +01:00
parent 29e2c00811
commit 71fa2bfec0
7 changed files with 153 additions and 102 deletions
--- a/apps/android/app/src/main/java/chat/simplex/app/ui/theme/Color.kt
+++ b/apps/android/app/src/main/java/chat/simplex/app/ui/theme/Color.kt
@@ -17,6 +17,8 @@ val MessagePreviewDark = Color(179, 175, 174, 255)
 val MessagePreviewLight = Color(49, 45, 44, 255)
 val ToolbarLight = Color(220, 220, 220, 20)
 val ToolbarDark = Color(80, 80, 80, 20)
+val SettingsBackgroundLight = Color(220, 216, 215, 90)
+val GroupDark = Color(80, 80, 80, 60)
 val IncomingCallLight = Color(239, 237, 236, 255)
 val IncomingCallDark = Color(34, 30, 29, 255)
 val WarningOrange = Color(255, 127, 0, 255)
--- a/apps/android/app/src/main/java/chat/simplex/app/views/helpers/ModalView.kt
+++ b/apps/android/app/src/main/java/chat/simplex/app/views/helpers/ModalView.kt
@@ -9,20 +9,22 @@ import androidx.compose.material.Surface
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.unit.dp
 import chat.simplex.app.TAG

@Composable
-fun ModalView(close: () -> Unit, content: @Composable () -> Unit) {
+fun ModalView(
+  close: () -> Unit,
+  background: Color = MaterialTheme.colors.background,
+  modifier: Modifier = Modifier.padding(horizontal = 16.dp),
+  content: @Composable () -> Unit,
+) {
  BackHandler(onBack = close)
-  Surface(
-    Modifier
-      .background(MaterialTheme.colors.background)
-      .fillMaxSize()
-  ) {
-    Column {
+  Surface(Modifier.fillMaxSize()) {
+    Column(Modifier.background(background)) {
      CloseSheetBar(close)
-      Box(Modifier.padding(horizontal = 16.dp)) { content() }
+      Box(modifier) { content() }
    }
  }
 }
@@ -32,7 +34,7 @@ class ModalManager {
  private val modalCount = mutableStateOf(0)

  fun showModal(content: @Composable () -> Unit) {
-    showCustomModal { close -> ModalView(close, content) }
+    showCustomModal { close -> ModalView(close, content = content) }
  }

  fun showCustomModal(modal: @Composable (close: () -> Unit) -> Unit) {
--- a/apps/android/app/src/main/java/chat/simplex/app/views/usersettings/CallSettings.kt
+++ b/apps/android/app/src/main/java/chat/simplex/app/views/usersettings/CallSettings.kt
@@ -32,21 +32,28 @@ fun CallSettingsLayout(
    horizontalAlignment = Alignment.Start,
    verticalArrangement = Arrangement.spacedBy(8.dp)
  ) {
+    @Composable fun divider() = Divider(Modifier.padding(horizontal = 8.dp))
    val lockCallState = remember { mutableStateOf(callOnLockScreen.get()) }
    Text(
      stringResource(R.string.your_calls),
-      Modifier.padding(bottom = 24.dp),
+      Modifier.padding(start = 16.dp, bottom = 24.dp),
      style = MaterialTheme.typography.h1
    )
-    SharedPreferenceToggle(stringResource(R.string.connect_calls_via_relay), webrtcPolicyRelay)
-    Column {
-      Text(stringResource(R.string.call_on_lock_screen))
-      Row {
-        SharedPreferenceRadioButton(stringResource(R.string.no_call_on_lock_screen), lockCallState, callOnLockScreen, CallOnLockScreen.DISABLE)
-        Spacer(Modifier.fillMaxWidth().weight(1f))
-        SharedPreferenceRadioButton(stringResource(R.string.show_call_on_lock_screen), lockCallState, callOnLockScreen, CallOnLockScreen.SHOW)
-        Spacer(Modifier.fillMaxWidth().weight(1f))
-        SharedPreferenceRadioButton(stringResource(R.string.accept_call_on_lock_screen), lockCallState, callOnLockScreen, CallOnLockScreen.ACCEPT)
+    SettingsSectionView(stringResource(R.string.settings_section_title_settings)) {
+      Box(Modifier.padding(start = 10.dp)) {
+        SharedPreferenceToggle(stringResource(R.string.connect_calls_via_relay), webrtcPolicyRelay)
+      }
+      divider()
+
+      Column(Modifier.padding(start = 10.dp, top = 12.dp)) {
+        Text(stringResource(R.string.call_on_lock_screen))
+        Row {
+          SharedPreferenceRadioButton(stringResource(R.string.no_call_on_lock_screen), lockCallState, callOnLockScreen, CallOnLockScreen.DISABLE)
+          Spacer(Modifier.fillMaxWidth().weight(1f))
+          SharedPreferenceRadioButton(stringResource(R.string.show_call_on_lock_screen), lockCallState, callOnLockScreen, CallOnLockScreen.SHOW)
+          Spacer(Modifier.fillMaxWidth().weight(1f))
+          SharedPreferenceRadioButton(stringResource(R.string.accept_call_on_lock_screen), lockCallState, callOnLockScreen, CallOnLockScreen.ACCEPT)
+        }
      }
    }
  }
--- a/apps/android/app/src/main/java/chat/simplex/app/views/usersettings/PrivacySettings.kt
+++ b/apps/android/app/src/main/java/chat/simplex/app/views/usersettings/PrivacySettings.kt
@@ -1,6 +1,8 @@
 package chat.simplex.app.views.usersettings

+import androidx.compose.foundation.isSystemInDarkTheme
 import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.*
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.outlined.*
@@ -12,32 +14,36 @@ import androidx.compose.ui.unit.dp
 import chat.simplex.app.R
 import chat.simplex.app.model.*
 import chat.simplex.app.ui.theme.HighOrLowlight
+import chat.simplex.app.ui.theme.SettingsBackgroundLight
+import chat.simplex.app.views.helpers.ModalView

@Composable
 fun PrivacySettingsView(chatModel: ChatModel, setPerformLA: (Boolean) -> Unit) {
  @Composable fun divider() = Divider(Modifier.padding(horizontal = 8.dp))
  Column(
    Modifier.fillMaxWidth(),
-    horizontalAlignment = Alignment.Start,
-    verticalArrangement = Arrangement.spacedBy(8.dp)
+    horizontalAlignment = Alignment.Start
  ) {
    Text(
      stringResource(R.string.your_privacy),
      style = MaterialTheme.typography.h1,
-      modifier = Modifier.padding(start = 8.dp, bottom = 24.dp)
+      modifier = Modifier.padding(start = 16.dp, bottom = 24.dp)
    )
-    ChatLockSection(chatModel.performLA, setPerformLA)
-    Spacer(Modifier.height(24.dp))
+    SettingsSectionView(stringResource(R.string.settings_section_title_device)) {
+      ChatLockItem(chatModel.performLA, setPerformLA)
+    }
+    Spacer(Modifier.height(30.dp))

-    AutoAcceptImagesSection(chatModel.controller.appPrefs.privacyAcceptImages)
-    divider()
-    LinkPreviewsSection(chatModel.controller.appPrefs.privacyLinkPreviews)
-    divider()
+    SettingsSectionView(stringResource(R.string.settings_section_title_chats)) {
+      AutoAcceptImagesSection(chatModel.controller.appPrefs.privacyAcceptImages)
+      divider()
+      LinkPreviewsSection(chatModel.controller.appPrefs.privacyLinkPreviews)
+    }
  }
 }

@Composable private fun AutoAcceptImagesSection(prefAcceptImages: Preference<Boolean>) {
-  SettingsSectionView() {
+  SettingsItemView() {
    Row(verticalAlignment = Alignment.CenterVertically) {
      Icon(
        Icons.Outlined.Image,
@@ -51,7 +57,7 @@ fun PrivacySettingsView(chatModel: ChatModel, setPerformLA: (Boolean) -> Unit) {
 }

@Composable private fun LinkPreviewsSection(prefLinkPreviews: Preference<Boolean>) {
-  SettingsSectionView() {
+  SettingsItemView() {
    Row(verticalAlignment = Alignment.CenterVertically) {
      Icon(
        Icons.Outlined.TravelExplore,
--- a/apps/android/app/src/main/java/chat/simplex/app/views/usersettings/SettingsView.kt
+++ b/apps/android/app/src/main/java/chat/simplex/app/views/usersettings/SettingsView.kt
@@ -2,29 +2,26 @@ package chat.simplex.app.views.usersettings

 import android.content.res.Configuration
 import androidx.compose.foundation.*
-import androidx.compose.foundation.gestures.Orientation
-import androidx.compose.foundation.gestures.scrollable
 import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.*
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.outlined.*
 import androidx.compose.runtime.*
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.*
 import androidx.compose.ui.platform.LocalUriHandler
 import androidx.compose.ui.platform.UriHandler
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.Dp
-import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.*
 import chat.simplex.app.BuildConfig
 import chat.simplex.app.R
 import chat.simplex.app.model.*
-import chat.simplex.app.ui.theme.HighOrLowlight
-import chat.simplex.app.ui.theme.SimpleXTheme
+import chat.simplex.app.ui.theme.*
 import chat.simplex.app.views.TerminalView
 import chat.simplex.app.views.helpers.*
 import chat.simplex.app.views.onboarding.SimpleXInfo
@@ -49,6 +46,12 @@ fun SettingsView(chatModel: ChatModel, setPerformLA: (Boolean) -> Unit) {
      setRunServiceInBackground = ::setRunServiceInBackground,
      setPerformLA = setPerformLA,
      showModal = { modalView -> { ModalManager.shared.showModal { modalView(chatModel) } } },
+      showSettingsModal = { modalView -> { ModalManager.shared.showCustomModal { close ->
+        ModalView(close = close, modifier = Modifier,
+          background = if (isSystemInDarkTheme()) MaterialTheme.colors.background else SettingsBackgroundLight) {
+          modalView(chatModel)
+        }
+      } } },
      showCustomModal = { modalView -> { ModalManager.shared.showCustomModal { close -> modalView(chatModel, close) } } },
      showTerminal = { ModalManager.shared.showCustomModal { close -> TerminalView(chatModel, close) } }
 //      showVideoChatPrototype = { ModalManager.shared.showCustomModal { close -> CallViewDebug(close) } },
@@ -66,70 +69,84 @@ fun SettingsLayout(
  setRunServiceInBackground: (Boolean) -> Unit,
  setPerformLA: (Boolean) -> Unit,
  showModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit),
+  showSettingsModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit),
  showCustomModal: (@Composable (ChatModel, () -> Unit) -> Unit) -> (() -> Unit),
  showTerminal: () -> Unit,
 //  showVideoChatPrototype: () -> Unit
 ) {
  val uriHandler = LocalUriHandler.current
-  Surface(
-    Modifier
-      .background(MaterialTheme.colors.background)
-      .fillMaxSize()
-      .verticalScroll(rememberScrollState())
-  ) {
+  Surface(Modifier.fillMaxSize().verticalScroll(rememberScrollState())) {
    Column(
      Modifier
        .fillMaxSize()
-        .background(MaterialTheme.colors.background)
-        .padding(8.dp)
+        .background(if (isSystemInDarkTheme()) MaterialTheme.colors.background else SettingsBackgroundLight)
        .padding(top = 16.dp)
    ) {
      @Composable fun divider() = Divider(Modifier.padding(horizontal = 8.dp))
+      @Composable fun spacer() = Spacer(Modifier.height(30.dp))
      Text(
        stringResource(R.string.your_settings),
        style = MaterialTheme.typography.h1,
-        modifier = Modifier.padding(start = 8.dp)
+        modifier = Modifier.padding(start = 16.dp)
      )
      Spacer(Modifier.height(30.dp))

-      SettingsSectionView(showCustomModal { chatModel, close -> UserProfileView(chatModel, close) }, 80.dp) {
-        ProfilePreview(profile)
+      SettingsSectionView(stringResource(R.string.settings_section_title_you)) {
+        SettingsItemView(showCustomModal { chatModel, close -> UserProfileView(chatModel, close) }, 80.dp) {
+          ProfilePreview(profile)
+        }
+        divider()
+        UserAddressSection(showModal)
      }
-      divider()
-      UserAddressSection(showModal)
-      Spacer(Modifier.height(24.dp))
+      spacer()

-      CallSettingsSection(showModal)
-      divider()
-      PrivacySettingsSection(showModal, setPerformLA)
-      divider()
-      PrivateNotificationsSection(runServiceInBackground, setRunServiceInBackground)
-      divider()
-      SMPServersSection(showModal)
-      Spacer(Modifier.height(24.dp))
+      SettingsSectionView(stringResource(R.string.settings_section_title_settings)) {
+        CallSettingsItem(showSettingsModal)
+        divider()
+        PrivacySettingsItem(showSettingsModal, setPerformLA)
+        divider()
+        PrivateNotificationsItem(runServiceInBackground, setRunServiceInBackground)
+        divider()
+        SMPServersItem(showModal)
+      }
+      spacer()

-      HelpViewSection(showModal)
-      divider()
-      SimpleXInfoSection(showModal)
-      divider()
-      MarkdownHelpSection(showModal)
-      divider()
-      ConnectToDevelopersSection(uriHandler)
-      divider()
-      SendEmailSection(uriHandler)
-      Spacer(Modifier.height(24.dp))
+      SettingsSectionView(stringResource(R.string.settings_section_title_help)) {
+        HelpViewItem(showModal)
+        divider()
+        SimpleXInfoItem(showModal)
+        divider()
+        MarkdownHelpItem(showModal)
+        divider()
+        ConnectToDevelopersItem(uriHandler)
+        divider()
+        SendEmailItem(uriHandler)
+      }
+      spacer()

-      ChatConsoleSection(showTerminal)
-      divider()
-      InstallTerminalAppSection(uriHandler)
-      divider()
-      AppVersionSection()
+      SettingsSectionView(stringResource(R.string.settings_section_title_develop)) {
+        ChatConsoleItem(showTerminal)
+        divider()
+        InstallTerminalAppItem(uriHandler)
+        divider()
+        AppVersionItem()
+      }
+    }
+  }
+}
+
+@Composable fun SettingsSectionView(title: String, content: (@Composable () -> Unit)) {
+  Column {
+    Text(title, color = HighOrLowlight, style = MaterialTheme.typography.body2,
+      modifier = Modifier.padding(start = 16.dp, bottom = 5.dp), fontSize = 12.sp)
+    Surface(color = if (isSystemInDarkTheme()) GroupDark else MaterialTheme.colors.background) {
+      Column(Modifier.padding(horizontal = 6.dp)) { content() }
    }
  }
 }

@Composable private fun UserAddressSection(showModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit)) {
-  SettingsSectionView(showModal { UserAddressView(it) }) {
+  SettingsItemView(showModal { UserAddressView(it) }) {
    Icon(
      Icons.Outlined.QrCode,
      contentDescription = stringResource(R.string.icon_descr_address),
@@ -140,8 +157,8 @@ fun SettingsLayout(
  }
 }

-@Composable private fun CallSettingsSection(showModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit)) {
-  SettingsSectionView(showModal { CallSettingsView(it) }) {
+@Composable private fun CallSettingsItem(showSettingsModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit)) {
+  SettingsItemView(showSettingsModal { CallSettingsView(it) }) {
    Icon(
      Icons.Outlined.Videocam,
      contentDescription = stringResource(R.string.call_settings),
@@ -152,8 +169,8 @@ fun SettingsLayout(
  }
 }

-@Composable private fun PrivacySettingsSection(showModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit), setPerformLA: (Boolean) -> Unit) {
-  SettingsSectionView(showModal { PrivacySettingsView(it, setPerformLA) }) {
+@Composable private fun PrivacySettingsItem(showSettingsModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit), setPerformLA: (Boolean) -> Unit) {
+  SettingsItemView(showSettingsModal { PrivacySettingsView(it, setPerformLA) }) {
    Icon(
      Icons.Outlined.Lock,
      contentDescription = stringResource(R.string.privacy_and_security),
@@ -164,8 +181,8 @@ fun SettingsLayout(
  }
 }

-@Composable private fun HelpViewSection(showModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit)) {
-  SettingsSectionView(showModal { HelpView(it) }) {
+@Composable private fun HelpViewItem(showModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit)) {
+  SettingsItemView(showModal { HelpView(it) }) {
    Icon(
      Icons.Outlined.HelpOutline,
      contentDescription = stringResource(R.string.icon_descr_help),
@@ -176,8 +193,8 @@ fun SettingsLayout(
  }
 }

-@Composable private fun SimpleXInfoSection(showModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit)) {
-  SettingsSectionView(showModal { SimpleXInfo(it, onboarding = false) }) {
+@Composable private fun SimpleXInfoItem(showModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit)) {
+  SettingsItemView(showModal { SimpleXInfo(it, onboarding = false) }) {
    Icon(
      Icons.Outlined.Info,
      contentDescription = stringResource(R.string.icon_descr_help),
@@ -188,8 +205,8 @@ fun SettingsLayout(
  }
 }

-@Composable private fun MarkdownHelpSection(showModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit)) {
-  SettingsSectionView(showModal { MarkdownHelpView() }) {
+@Composable private fun MarkdownHelpItem(showModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit)) {
+  SettingsItemView(showModal { MarkdownHelpView() }) {
    Icon(
      Icons.Outlined.TextFormat,
      contentDescription = stringResource(R.string.markdown_help),
@@ -200,8 +217,8 @@ fun SettingsLayout(
  }
 }

-@Composable private fun ConnectToDevelopersSection(uriHandler: UriHandler) {
-  SettingsSectionView({ uriHandler.openUri(simplexTeamUri) }) {
+@Composable private fun ConnectToDevelopersItem(uriHandler: UriHandler) {
+  SettingsItemView({ uriHandler.openUri(simplexTeamUri) }) {
    Icon(
      Icons.Outlined.Tag,
      contentDescription = stringResource(R.string.icon_descr_simplex_team),
@@ -215,8 +232,8 @@ fun SettingsLayout(
  }
 }

-@Composable private fun SendEmailSection(uriHandler: UriHandler) {
-  SettingsSectionView({ uriHandler.openUri("mailto:chat@simplex.chat") }) {
+@Composable private fun SendEmailItem(uriHandler: UriHandler) {
+  SettingsItemView({ uriHandler.openUri("mailto:chat@simplex.chat") }) {
    Icon(
      Icons.Outlined.Email,
      contentDescription = stringResource(R.string.icon_descr_email),
@@ -230,8 +247,8 @@ fun SettingsLayout(
  }
 }

-@Composable private fun SMPServersSection(showModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit)) {
-  SettingsSectionView(showModal { SMPServersView(it) }) {
+@Composable private fun SMPServersItem(showModal: (@Composable (ChatModel) -> Unit) -> (() -> Unit)) {
+  SettingsItemView(showModal { SMPServersView(it) }) {
    Icon(
      Icons.Outlined.Dns,
      contentDescription = stringResource(R.string.smp_servers),
@@ -242,11 +259,11 @@ fun SettingsLayout(
  }
 }

-@Composable private fun PrivateNotificationsSection(
+@Composable private fun PrivateNotificationsItem(
  runServiceInBackground: MutableState<Boolean>,
  setRunServiceInBackground: (Boolean) -> Unit
 ) {
-  SettingsSectionView() {
+  SettingsItemView() {
    Row(verticalAlignment = Alignment.CenterVertically) {
      Icon(
        Icons.Outlined.Bolt,
@@ -274,8 +291,8 @@ fun SettingsLayout(
  }
 }

-@Composable fun ChatLockSection(performLA: MutableState<Boolean>, setPerformLA: (Boolean) -> Unit) {
-  SettingsSectionView() {
+@Composable fun ChatLockItem(performLA: MutableState<Boolean>, setPerformLA: (Boolean) -> Unit) {
+  SettingsItemView() {
    Row(verticalAlignment = Alignment.CenterVertically) {
      Icon(
        Icons.Outlined.Lock,
@@ -302,8 +319,8 @@ fun SettingsLayout(
  }
 }

-@Composable private fun ChatConsoleSection(showTerminal: () -> Unit) {
-  SettingsSectionView(showTerminal) {
+@Composable private fun ChatConsoleItem(showTerminal: () -> Unit) {
+  SettingsItemView(showTerminal) {
    Icon(
      painter = painterResource(id = R.drawable.ic_outline_terminal),
      contentDescription = stringResource(R.string.chat_console),
@@ -314,8 +331,8 @@ fun SettingsLayout(
  }
 }

-@Composable private fun InstallTerminalAppSection(uriHandler: UriHandler) {
-  SettingsSectionView({ uriHandler.openUri("https://github.com/simplex-chat/simplex-chat") }) {
+@Composable private fun InstallTerminalAppItem(uriHandler: UriHandler) {
+  SettingsItemView({ uriHandler.openUri("https://github.com/simplex-chat/simplex-chat") }) {
    Icon(
      painter = painterResource(id = R.drawable.ic_github),
      contentDescription = "GitHub",
@@ -326,8 +343,8 @@ fun SettingsLayout(
  }
 }

-@Composable private fun AppVersionSection() {
-  SettingsSectionView() {
+@Composable private fun AppVersionItem() {
+  SettingsItemView() {
    Text("v${BuildConfig.VERSION_NAME} (${BuildConfig.VERSION_CODE})")
  }
 }
@@ -346,7 +363,7 @@ fun SettingsLayout(
 }

@Composable
-fun SettingsSectionView(click: (() -> Unit)? = null, height: Dp = 46.dp, content: (@Composable () -> Unit)) {
+fun SettingsItemView(click: (() -> Unit)? = null, height: Dp = 46.dp, content: (@Composable () -> Unit)) {
  val modifier = Modifier
    .padding(start = 8.dp)
    .fillMaxWidth()
@@ -374,6 +391,7 @@ fun PreviewSettingsLayout() {
      setRunServiceInBackground = {},
      setPerformLA = {},
      showModal = { {} },
+      showSettingsModal = { {} },
      showCustomModal = { {} },
      showTerminal = {},
 //      showVideoChatPrototype = {}
--- a/apps/android/app/src/main/res/values-ru/strings.xml
+++ b/apps/android/app/src/main/res/values-ru/strings.xml
@@ -428,4 +428,12 @@
    <string name="your_privacy">Конфиденциальность</string>
    <string name="auto_accept_images">Автоприем изображений</string>
    <string name="send_link_previews">Отправлять картинки ссылок</string>
+
+    <!-- Settings sections -->
+    <string name="settings_section_title_you">ВЫ</string>
+    <string name="settings_section_title_settings">НАСТРОЙКИ</string>
+    <string name="settings_section_title_help">ПОМОЩЬ</string>
+    <string name="settings_section_title_develop">ДЛЯ РАЗРАБОТЧИКОВ</string>
+    <string name="settings_section_title_device">УСТРОЙСТВО</string>
+    <string name="settings_section_title_chats">ЧАТЫ</string>
 </resources>
--- a/apps/android/app/src/main/res/values/strings.xml
+++ b/apps/android/app/src/main/res/values/strings.xml
@@ -430,4 +430,12 @@
  <string name="your_privacy">Your privacy</string>
  <string name="auto_accept_images">Auto-accept images</string>
  <string name="send_link_previews">Send link previews</string>
+
+  <!-- Settings sections -->
+  <string name="settings_section_title_you">YOU</string>
+  <string name="settings_section_title_settings">SETTINGS</string>
+  <string name="settings_section_title_help">HELP</string>
+  <string name="settings_section_title_develop">DEVELOP</string>
+  <string name="settings_section_title_device">DEVICE</string>
+  <string name="settings_section_title_chats">CHATS</string>
 </resources>