implementing settings screen

app/mobile/android/link-assets-manifest.json

@@ -0,0 +1,53 @@
+{
+  "migIndex": 1,
+  "data": [
+    {
+      "path": "assets/fonts/Roboto-Black.ttf",
+      "sha1": "3f8e401d808f6ce84b542266726514ac8be73171"
+    },
+    {
+      "path": "assets/fonts/Roboto-BlackItalic.ttf",
+      "sha1": "03d6e3747d862385dbe48e8296385b9236101a62"
+    },
+    {
+      "path": "assets/fonts/Roboto-Bold.ttf",
+      "sha1": "62442a18a9fe9457c1afeabf683d263a691b7798"
+    },
+    {
+      "path": "assets/fonts/Roboto-BoldItalic.ttf",
+      "sha1": "2f10ad9e8cab0880182705c4e0fbaeabae706e64"
+    },
+    {
+      "path": "assets/fonts/Roboto-Italic.ttf",
+      "sha1": "65f3f6a7e1bd2fa6f2df35e4b07775d7f1dde4f0"
+    },
+    {
+      "path": "assets/fonts/Roboto-Light.ttf",
+      "sha1": "18788c5d630fa695f9283f6393bfa541b2031508"
+    },
+    {
+      "path": "assets/fonts/Roboto-LightItalic.ttf",
+      "sha1": "6e01f9df9449565697032b002706a94b51862bbe"
+    },
+    {
+      "path": "assets/fonts/Roboto-Medium.ttf",
+      "sha1": "3c6a09fcc6a454924c81af7dff94fc6d399ed79b"
+    },
+    {
+      "path": "assets/fonts/Roboto-MediumItalic.ttf",
+      "sha1": "b3aa2d8f16d5a331fdced82f213a052b204eaca0"
+    },
+    {
+      "path": "assets/fonts/Roboto-Regular.ttf",
+      "sha1": "56c5c0d38bde4c1f1549dda43db37b09c608aad3"
+    },
+    {
+      "path": "assets/fonts/Roboto-Thin.ttf",
+      "sha1": "58c733e22bceeaf9609ce578eca92ac303c6d92f"
+    },
+    {
+      "path": "assets/fonts/Roboto-ThinItalic.ttf",
+      "sha1": "cc79d5a23bd0ec08b1d99f5390bf33cacc3082f4"
+    }
+  ]
+}

app/mobile/ios/Databag.xcodeproj/project.pbxproj

@@ -18,6 +18,18 @@
 		7B4A534429F39E250036F3ED /* Sharing.appex in Embed Foundation Extensions */ = {isa = PBXBuildFile; fileRef = 7B4A533A29F39E250036F3ED /* Sharing.appex */; settings = {ATTRIBUTES = (RemoveHeadersOnCopy, ); }; };
 		81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
 		A0B1EC4533FCFC5940B5FD7F /* Pods_Databag.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 9462C028F47F083241BB7941 /* Pods_Databag.framework */; };
+		77D8C512BFDD4D25AA7B3243 /* Roboto-Black.ttf in Resources */ = {isa = PBXBuildFile; fileRef = ECFB49329806460281EC8695 /* Roboto-Black.ttf */; };
+		5F9F9F136E694107B2B19B0E /* Roboto-BlackItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 5F30ED55DB1949EAB4C68C0E /* Roboto-BlackItalic.ttf */; };
+		BA632FE7EDF5434A83315128 /* Roboto-Bold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = B95DE2563CFF4F6994482640 /* Roboto-Bold.ttf */; };
+		74850D4119604C1EAA6F43C4 /* Roboto-BoldItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 534B4A5F74BC47BA8A24CA77 /* Roboto-BoldItalic.ttf */; };
+		731523F08D314F09BFE236AD /* Roboto-Italic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 5B470EE70F4B40FA93CE1ED6 /* Roboto-Italic.ttf */; };
+		7DAB71C0E7784244A7F36C5E /* Roboto-Light.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 680D48DE60574F0082B2AA56 /* Roboto-Light.ttf */; };
+		B9DCBA54B6B14C6D9EEC5E76 /* Roboto-LightItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 22A26F2AA8024E1088D9E0F0 /* Roboto-LightItalic.ttf */; };
+		0165040169E94CC2BBA26B58 /* Roboto-Medium.ttf in Resources */ = {isa = PBXBuildFile; fileRef = D6B3F198900D438990E3E250 /* Roboto-Medium.ttf */; };
+		1398F2035F1B40E89A1F9387 /* Roboto-MediumItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = F942FA23DB5E41CF8FA13489 /* Roboto-MediumItalic.ttf */; };
+		5BCA507BB2A348EF881A9424 /* Roboto-Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 362E7074D5874C16A31B62FE /* Roboto-Regular.ttf */; };
+		21CC4475B2A9481CAB38378C /* Roboto-Thin.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 81D33AA1ED5E4DA196301306 /* Roboto-Thin.ttf */; };
+		CE6E235E1381477495980CAE /* Roboto-ThinItalic.ttf in Resources */ = {isa = PBXBuildFile; fileRef = DD10764B06034C9DBFF48B6A /* Roboto-ThinItalic.ttf */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -76,6 +88,18 @@
 		89C6BE57DB24E9ADA2F236DE /* Pods-Databag-DatabagTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-Databag-DatabagTests.release.xcconfig"; path = "Target Support Files/Pods-Databag-DatabagTests/Pods-Databag-DatabagTests.release.xcconfig"; sourceTree = "<group>"; };
 		9462C028F47F083241BB7941 /* Pods_Databag.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_Databag.framework; sourceTree = BUILT_PRODUCTS_DIR; };
 		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
+		ECFB49329806460281EC8695 /* Roboto-Black.ttf */ = {isa = PBXFileReference; name = "Roboto-Black.ttf"; path = "../assets/fonts/Roboto-Black.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		5F30ED55DB1949EAB4C68C0E /* Roboto-BlackItalic.ttf */ = {isa = PBXFileReference; name = "Roboto-BlackItalic.ttf"; path = "../assets/fonts/Roboto-BlackItalic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		B95DE2563CFF4F6994482640 /* Roboto-Bold.ttf */ = {isa = PBXFileReference; name = "Roboto-Bold.ttf"; path = "../assets/fonts/Roboto-Bold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		534B4A5F74BC47BA8A24CA77 /* Roboto-BoldItalic.ttf */ = {isa = PBXFileReference; name = "Roboto-BoldItalic.ttf"; path = "../assets/fonts/Roboto-BoldItalic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		5B470EE70F4B40FA93CE1ED6 /* Roboto-Italic.ttf */ = {isa = PBXFileReference; name = "Roboto-Italic.ttf"; path = "../assets/fonts/Roboto-Italic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		680D48DE60574F0082B2AA56 /* Roboto-Light.ttf */ = {isa = PBXFileReference; name = "Roboto-Light.ttf"; path = "../assets/fonts/Roboto-Light.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		22A26F2AA8024E1088D9E0F0 /* Roboto-LightItalic.ttf */ = {isa = PBXFileReference; name = "Roboto-LightItalic.ttf"; path = "../assets/fonts/Roboto-LightItalic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		D6B3F198900D438990E3E250 /* Roboto-Medium.ttf */ = {isa = PBXFileReference; name = "Roboto-Medium.ttf"; path = "../assets/fonts/Roboto-Medium.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		F942FA23DB5E41CF8FA13489 /* Roboto-MediumItalic.ttf */ = {isa = PBXFileReference; name = "Roboto-MediumItalic.ttf"; path = "../assets/fonts/Roboto-MediumItalic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		362E7074D5874C16A31B62FE /* Roboto-Regular.ttf */ = {isa = PBXFileReference; name = "Roboto-Regular.ttf"; path = "../assets/fonts/Roboto-Regular.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		81D33AA1ED5E4DA196301306 /* Roboto-Thin.ttf */ = {isa = PBXFileReference; name = "Roboto-Thin.ttf"; path = "../assets/fonts/Roboto-Thin.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
+		DD10764B06034C9DBFF48B6A /* Roboto-ThinItalic.ttf */ = {isa = PBXFileReference; name = "Roboto-ThinItalic.ttf"; path = "../assets/fonts/Roboto-ThinItalic.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -175,6 +199,7 @@
 				83CBBA001A601CBA00E9B192 /* Products */,
 				2D16E6871FA4F8E400B85C8A /* Frameworks */,
 				BBD78D7AC51CEA395F1C20DB /* Pods */,
+				8C5722C039554D188BE6CC6B /* Resources */,
 			);
 			indentWidth = 2;
 			sourceTree = "<group>";
@@ -202,6 +227,26 @@
 			path = Pods;
 			sourceTree = "<group>";
 		};
+		8C5722C039554D188BE6CC6B /* Resources */ = {
+			isa = "PBXGroup";
+			children = (
+				ECFB49329806460281EC8695 /* Roboto-Black.ttf */,
+				5F30ED55DB1949EAB4C68C0E /* Roboto-BlackItalic.ttf */,
+				B95DE2563CFF4F6994482640 /* Roboto-Bold.ttf */,
+				534B4A5F74BC47BA8A24CA77 /* Roboto-BoldItalic.ttf */,
+				5B470EE70F4B40FA93CE1ED6 /* Roboto-Italic.ttf */,
+				680D48DE60574F0082B2AA56 /* Roboto-Light.ttf */,
+				22A26F2AA8024E1088D9E0F0 /* Roboto-LightItalic.ttf */,
+				D6B3F198900D438990E3E250 /* Roboto-Medium.ttf */,
+				F942FA23DB5E41CF8FA13489 /* Roboto-MediumItalic.ttf */,
+				362E7074D5874C16A31B62FE /* Roboto-Regular.ttf */,
+				81D33AA1ED5E4DA196301306 /* Roboto-Thin.ttf */,
+				DD10764B06034C9DBFF48B6A /* Roboto-ThinItalic.ttf */,
+			);
+			name = Resources;
+			sourceTree = "<group>";
+			path = "";
+		};
 /* End PBXGroup section */
 
 /* Begin PBXNativeTarget section */
@@ -325,6 +370,18 @@
 				81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
 				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
 				7B13A774299E21170048D0DD /* GoogleService-Info.plist in Resources */,
+				77D8C512BFDD4D25AA7B3243 /* Roboto-Black.ttf in Resources */,
+				5F9F9F136E694107B2B19B0E /* Roboto-BlackItalic.ttf in Resources */,
+				BA632FE7EDF5434A83315128 /* Roboto-Bold.ttf in Resources */,
+				74850D4119604C1EAA6F43C4 /* Roboto-BoldItalic.ttf in Resources */,
+				731523F08D314F09BFE236AD /* Roboto-Italic.ttf in Resources */,
+				7DAB71C0E7784244A7F36C5E /* Roboto-Light.ttf in Resources */,
+				B9DCBA54B6B14C6D9EEC5E76 /* Roboto-LightItalic.ttf in Resources */,
+				0165040169E94CC2BBA26B58 /* Roboto-Medium.ttf in Resources */,
+				1398F2035F1B40E89A1F9387 /* Roboto-MediumItalic.ttf in Resources */,
+				5BCA507BB2A348EF881A9424 /* Roboto-Regular.ttf in Resources */,
+				21CC4475B2A9481CAB38378C /* Roboto-Thin.ttf in Resources */,
+				CE6E235E1381477495980CAE /* Roboto-ThinItalic.ttf in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};

app/mobile/ios/Databag/Info.plist

@@ -35,12 +35,12 @@
 			</dict>
 		</dict>
 	</dict>
-  <key>NSCameraUsageDescription</key>
+	<key>NSCameraUsageDescription</key>
-  <string>Camera permission description</string>
+	<string>Camera permission description</string>
-  <key>NSMicrophoneUsageDescription</key>
+	<key>NSMicrophoneUsageDescription</key>
-  <string>Microphone permission description</string>
+	<string>Microphone permission description</string>
 	<key>NSLocationWhenInUseUsageDescription</key>
-	<string></string>
+	<string/>
 	<key>NSPhotoLibraryUsageDescription</key>
 	<string>Used to set profile image and post photos</string>
 	<key>UIAppFonts</key>
@@ -61,6 +61,18 @@
 		<string>Octicons.ttf</string>
 		<string>SimpleLineIcons.ttf</string>
 		<string>Zocial.ttf</string>
+		<string>Roboto-Black.ttf</string>
+		<string>Roboto-BlackItalic.ttf</string>
+		<string>Roboto-Bold.ttf</string>
+		<string>Roboto-BoldItalic.ttf</string>
+		<string>Roboto-Italic.ttf</string>
+		<string>Roboto-Light.ttf</string>
+		<string>Roboto-LightItalic.ttf</string>
+		<string>Roboto-Medium.ttf</string>
+		<string>Roboto-MediumItalic.ttf</string>
+		<string>Roboto-Regular.ttf</string>
+		<string>Roboto-Thin.ttf</string>
+		<string>Roboto-ThinItalic.ttf</string>
 	</array>
 	<key>UIBackgroundModes</key>
 	<array>
@@ -88,19 +100,17 @@
 	</array>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
 	<false/>
-
+	<key>CFBundleURLTypes</key>
-  <key>CFBundleURLTypes</key>
+	<array>
-    <array>
+		<dict>
-        <dict>
+			<key>CFBundleTypeRole</key>
-            <key>CFBundleTypeRole</key>
+			<string>Editor</string>
-            <string>Editor</string>
+			<key>CFBundleURLSchemes</key>
-            <key>CFBundleURLSchemes</key>
+			<array>
-            <array>
+				<string>org.coredb.databag</string>
-                <string>org.coredb.databag</string>
+			</array>
-            </array>
+		</dict>
-        </dict>
+		<dict/>
-        <dict/>
+	</array>
-    </array>
-
 </dict>
 </plist>

app/mobile/ios/link-assets-manifest.json

@@ -0,0 +1,53 @@
+{
+  "migIndex": 1,
+  "data": [
+    {
+      "path": "assets/fonts/Roboto-Black.ttf",
+      "sha1": "3f8e401d808f6ce84b542266726514ac8be73171"
+    },
+    {
+      "path": "assets/fonts/Roboto-BlackItalic.ttf",
+      "sha1": "03d6e3747d862385dbe48e8296385b9236101a62"
+    },
+    {
+      "path": "assets/fonts/Roboto-Bold.ttf",
+      "sha1": "62442a18a9fe9457c1afeabf683d263a691b7798"
+    },
+    {
+      "path": "assets/fonts/Roboto-BoldItalic.ttf",
+      "sha1": "2f10ad9e8cab0880182705c4e0fbaeabae706e64"
+    },
+    {
+      "path": "assets/fonts/Roboto-Italic.ttf",
+      "sha1": "65f3f6a7e1bd2fa6f2df35e4b07775d7f1dde4f0"
+    },
+    {
+      "path": "assets/fonts/Roboto-Light.ttf",
+      "sha1": "18788c5d630fa695f9283f6393bfa541b2031508"
+    },
+    {
+      "path": "assets/fonts/Roboto-LightItalic.ttf",
+      "sha1": "6e01f9df9449565697032b002706a94b51862bbe"
+    },
+    {
+      "path": "assets/fonts/Roboto-Medium.ttf",
+      "sha1": "3c6a09fcc6a454924c81af7dff94fc6d399ed79b"
+    },
+    {
+      "path": "assets/fonts/Roboto-MediumItalic.ttf",
+      "sha1": "b3aa2d8f16d5a331fdced82f213a052b204eaca0"
+    },
+    {
+      "path": "assets/fonts/Roboto-Regular.ttf",
+      "sha1": "56c5c0d38bde4c1f1549dda43db37b09c608aad3"
+    },
+    {
+      "path": "assets/fonts/Roboto-Thin.ttf",
+      "sha1": "58c733e22bceeaf9609ce578eca92ac303c6d92f"
+    },
+    {
+      "path": "assets/fonts/Roboto-ThinItalic.ttf",
+      "sha1": "cc79d5a23bd0ec08b1d99f5390bf33cacc3082f4"
+    }
+  ]
+}

app/mobile/react-native.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+    project: {
+        ios:{},
+        android:{}
+    },
+    assets:['./assets/fonts/'],
+}

app/mobile/src/constants/Strings.js

@@ -15,8 +15,8 @@ export function getLanguageId(language) {
 };
 
 export const Strings = [
-  { 
+  {
-    visibleRegistry: 'Visible in Rengistry',
+    visibleRegistry: 'Visible in Registry',
     edit: 'Edit',
     enableNotifications: 'Enable Notifications',
     sealedTopics: 'Sealed Topics',
@@ -31,69 +31,69 @@ export const Strings = [
     messages: 'Messages',
     support: 'Support',
     blocked: 'Blocked',
-    actions: 'Actions',
+    account: 'Account',
     display: 'Display',
-    settings: 'Settings',
+    messaging: 'Messaging',
   },
   {
     visibleRegistry: 'Visible dans le Registre',
     edit: 'Modifier',
     enableNotifications: 'Activer les Notifications',
-    sealedTopics: 'Sujets Sécurisés',
+    sealedTopics: 'Sujets Sécurisés',
-    colorMode: 'Mode de Couleur', 
+    colorMode: 'Mode de Couleur',
     hourMode: 'Format d\'Heure',
     language: 'Langue',
-    logout: 'Se Déconnecter',
+    logout: 'Se Déconnecter',
     changeLogin: 'Changer le Mot de Passe',
     deleteAccount: 'Supprimer le Compte',
     contacts: 'Contacts',
     topics: 'Sujets',
     messages: 'Messages',
     support: 'Aide',
-    blocked: 'Supprimé',
+    blocked: 'Supprimé',
-    actions: 'Actions',
+    account: 'Compte',
-    display: 'Écran',
+    display: 'Écran',
-    settings: 'Configuration',
+    messaging: 'Messagerie',
   },
   {
     visibleRegistry: 'Visible en el Registro',
     edit: 'Editar',
-    enableNotifications: 'Permitir Notificaciones', 
+    enableNotifications: 'Permitir Notificaciones',
-    sealedTopics: 'Temas Protegidos', 
+    sealedTopics: 'Temas Protegidos',
     colorMode: 'Modo de Color',
     hourMode: 'Formato de Hora',
     language: 'Idioma',
-    logout: 'Cerrar Sesión',
+    logout: 'Cerrar Sesión',
-    changeLogin: 'Cambiar la contraseña',
+    changeLogin: 'Cambiar la contraseña',
     deleteAccount: 'Borrar Cuenta',
     contacts: 'Contactos',
     topics: 'Temas',
     messages: 'Mensajes',
     support: 'Ayuda',
     blocked: 'Oculto',
-    actions: 'Métodos',
+    account: 'Cuenta',
     display: 'Pantalla',
-    settings: 'Configuración',
+    messaging: 'Mensajería',
   },
   {
     visibleRegistry: 'Sichtbar in der Registrierung',
     edit: 'Bearbeiten',
-    enableNotifications: 'Benachrichtigungen aktivieren', 
+    enableNotifications: 'Benachrichtigungen aktivieren',
     sealedTopics: 'Gesicherte Themen',
     colorMode: 'Farmodus',
     hourMode: 'Stundenformat',
     language: 'Sprache',
     logout: 'Ausloggen',
     changeLogin: 'Kennwort Aktualisieren',
-    deleteAccount: 'Konto Löschen',
+    deleteAccount: 'Konto Löschen',
     contacts: 'Kontakte',
     topics: 'Themen',
     messages: 'Mitteilungen',
     support: 'Helfen',
     blocked: 'Versteckt',
-    actions: 'Aktionen',
+    account: 'Konto',
     display: 'Bildschirm',
-    settings: 'Aufbau',
+    messages: 'Nachrichtenübermittlung',
   }
 ];
 

app/mobile/src/session/settings/Settings.jsx

@@ -11,10 +11,10 @@ export function Settings() {
   const { state, actions } = useSettings();
 
   return (
-    <SafeAreaView edges={['left', 'right', 'top', 'bottom']} style={styles.container}>
+    <SafeAreaView edges={['top']} style={styles.container}>
       <ScrollView style={styles.content}>
 
-        <Text style={styles.label}>Settings</Text>
+        <Text style={styles.label}>{ Strings[state.lang].messaging }</Text>
         <View style={styles.group}>
           <TouchableOpacity style={styles.entry} activeOpacity={1}>
             <View style={styles.icon}>
@@ -28,7 +28,7 @@ export function Settings() {
             </View>
           </TouchableOpacity>
           <View style={styles.divider} />
-          <View style={styles.entry}>
+          <TouchableOpacity style={styles.entry} activeOpacity={1}>
             <View style={styles.icon}>
               <MatIcons name="lock-outline" size={20} color={Colors.linkText} />
             </View>
@@ -36,10 +36,10 @@ export function Settings() {
               <Text style={styles.optionLink}>{ Strings[state.lang].sealedTopics }</Text>
             </View>
             <View style={styles.control} />
-          </View>
+          </TouchableOpacity>
         </View>
 
-        <Text style={styles.label}>Display</Text>
+        <Text style={styles.label}>{ Strings[state.lang].display }</Text>
         <View style={styles.group}>
           <TouchableOpacity style={styles.entry} activeOpacity={1}>
             <View style={styles.icon}>
@@ -51,7 +51,7 @@ export function Settings() {
             <View style={styles.control} />
           </TouchableOpacity>
           <View style={styles.divider} />
-          <TouchableOpacity style={styles.entry}>
+          <TouchableOpacity style={styles.entry} activeOpacity={1}>
             <View style={styles.icon}>
               <MatIcons name="earth" size={20} color={Colors.linkText} />
             </View>
@@ -62,6 +62,85 @@ export function Settings() {
           </TouchableOpacity>
         </View>
 
+        <Text style={styles.label}>{ Strings[state.lang].account }</Text>
+        <View style={styles.group}>
+          <TouchableOpacity style={styles.entry} activeOpacity={1}>
+            <View style={styles.icon}>
+              <MatIcons name="logout" size={20} color={Colors.linkText} />
+            </View>
+            <View style={styles.option}>
+              <Text style={styles.optionLink}>{ Strings[state.lang].logout }</Text>
+            </View>
+            <View style={styles.control} />
+          </TouchableOpacity>
+          <View style={styles.divider} />
+          <TouchableOpacity style={styles.entry} activeOpacity={1}>
+            <View style={styles.icon}>
+              <MatIcons name="login" size={20} color={Colors.linkText} />
+            </View>
+            <View style={styles.option}>
+              <Text style={styles.optionLink}>{ Strings[state.lang].changeLogin }</Text>
+            </View>
+            <View style={styles.control} />
+          </TouchableOpacity>
+          <View style={styles.divider} />
+          <TouchableOpacity style={styles.entry} activeOpacity={1}>
+            <View style={styles.icon}>
+              <MatIcons name="trash-can-outline" size={20} color={Colors.dangerText} />
+            </View>
+            <View style={styles.option}>
+              <Text style={styles.dangerLink}>{ Strings[state.lang].deleteAccount }</Text>
+            </View>
+            <View style={styles.control} />
+          </TouchableOpacity>
+        </View>
+
+        <Text style={styles.label}>{ Strings[state.lang].blocked }</Text>
+        <View style={styles.group}>
+          <TouchableOpacity style={styles.entry} activeOpacity={1}>
+            <View style={styles.icon}>
+              <MatIcons name="account-multiple-outline" size={20} color={Colors.linkText} />
+            </View>
+            <View style={styles.option}>
+              <Text style={styles.optionLink}>{ Strings[state.lang].contacts }</Text>
+            </View>
+            <View style={styles.control} />
+          </TouchableOpacity>
+          <View style={styles.divider} />
+          <TouchableOpacity style={styles.entry} activeOpacity={1}>
+            <View style={styles.icon}>
+              <MatIcons name="book-open-outline" size={20} color={Colors.linkText} />
+            </View>
+            <View style={styles.option}>
+              <Text style={styles.optionLink}>{ Strings[state.lang].topics }</Text>
+            </View>
+            <View style={styles.control} />
+          </TouchableOpacity>
+          <View style={styles.divider} />
+          <TouchableOpacity style={styles.entry} activeOpacity={1}>
+            <View style={styles.icon}>
+              <MatIcons name="comment-text-multiple-outline" size={20} color={Colors.linkText} />
+            </View>
+            <View style={styles.option}>
+              <Text style={styles.optionLink}>{ Strings[state.lang].messages }</Text>
+            </View>
+            <View style={styles.control} />
+          </TouchableOpacity>
+        </View>
+
+        <Text style={styles.label}>{ Strings[state.lang].support }</Text>
+        <View style={styles.group}>
+          <TouchableOpacity style={styles.entry} activeOpacity={1}>
+            <View style={styles.icon}>
+              <MatIcons name="help-network-outline" size={20} color={Colors.linkText} />
+            </View>
+            <View style={styles.option}>
+              <Text style={styles.optionLink}>github.com/balzack/databag</Text>
+            </View>
+            <View style={styles.control} />
+          </TouchableOpacity>
+        </View>
+
       </ScrollView>
     </SafeAreaView>
   );

app/mobile/src/session/settings/Settings.styled.js

@@ -15,6 +15,7 @@ export const styles = StyleSheet.create({
   label: {
     color: Colors.text,
     padding: 4,
+    fontFamily: 'Roboto',
   },
   group: {
     backgroundColor: Colors.areaBase,
@@ -53,11 +54,19 @@ export const styles = StyleSheet.create({
     fontSize: 16,
     paddingRight: 8,
     color: Colors.text,
+    fontFamily: 'Roboto',
   },
   optionLink: {
     fontSize: 16,
     paddingRight: 8,
     color: Colors.linkText,
+    fontFamily: 'Roboto',
+  },
+  dangerLink: {
+    fontSize: 16,
+    paddingRight: 8,
+    color: Colors.dangerText,
+    fontFamily: 'Roboto',
   },
   track: {
     false: Colors.disabledIndicator,