updating dark lang for sharing list

app/mobile/src/constants/Strings.js

@@ -200,6 +200,8 @@ const Strings = [
     deleteMessage: 'Delete Message',
     blockMessage: 'Block Message',
     reportMessage: 'Report Message',
+    select: 'Select',
+    selectTopic: 'Select Topic for Sharing',
   },
   {
     languageCode: 'fr',
@@ -396,6 +398,8 @@ const Strings = [
     deleteMessage: 'Supprimer le Message',
     blockMessage: 'Bloquer le Message',
     reportMessage: 'Signaler le Message',
+    select: 'Choisir',
+    selectTopic: 'Choisissez le sujet à partager',
   },
   {
     languageCode: 'es',
@@ -592,6 +596,9 @@ const Strings = [
     deleteMessage: 'Borrar Mensaje',
     blockMessage: 'Bloquear Mensaje',
     reportMessage: 'Reportar Mensaje',
+
+    select: 'Elegir',
+    selectTopic: 'Elija un tema para compartir',
   },
   {
     languageCode: 'de',
@@ -788,6 +795,9 @@ const Strings = [
     deleteMessage: 'Nachricht Löschen',
     blockMessage: 'Blockieren Sie die Nachricht',
     reportMessage: 'Melden Sie die Nachricht',
+
+    select: 'Wählen',
+    selectTopic: 'Wählen Sie ein Thema zum Teilen aus',
   },
   {
     languageCode: 'pt',
@@ -969,6 +979,9 @@ const Strings = [
     deleteMessage: 'Apagar Mensagem',
     blockMessage: 'Bloquear Mensagem',
     reportMessage: 'Denunciar Mensagem',
+
+    select: 'Escolher',
+    selectTopic: 'Escolha o tópico para compartilhar',
   },
   {
     languageCode: 'ru',
@@ -1148,6 +1161,9 @@ const Strings = [
     deleteMessage: 'Удаленное сообщение',
     blockMessage: 'Заблокировать сообщение',
     reportMessage: 'Пожаловаться на сообщение',
+
+    select: 'выбирать',
+    selectTopic: 'Выберите тему для обмена',
   }
 ];
 

app/mobile/src/session/sharing/Sharing.jsx

@@ -3,9 +3,11 @@ import { TouchableOpacity, Text, View, FlatList } from 'react-native';
 import { useSharing } from './useSharing.hook';
 import { styles } from './Sharing.styled';
 import { SharingItem } from './sharingItem/SharingItem';
+import { getLanguageStrings } from 'constants/Strings';
 
 export function Sharing({ select, cancel }) {
 
+  const strings = getLanguageStrings();
   const [selection, setSelection] = useState(null);
   const { state, actions } = useSharing();
 
@@ -13,7 +15,7 @@ export function Sharing({ select, cancel }) {
     <View style={styles.sharingBase}>
       <View style={styles.sharingFrame}>
         <View style={styles.header}>
-          <Text style={styles.headerText}>Select Topic for Sharing</Text>
+          <Text style={styles.headerText}>{ strings.selectTopic }</Text>
         </View>
         <FlatList
           style={styles.content}
@@ -23,19 +25,19 @@ export function Sharing({ select, cancel }) {
           keyExtractor={item => (`${item.cardId}:${item.channelId}`)}
         />
         <View style={styles.controls}>
+          <TouchableOpacity style={styles.cancel} onPress={cancel}>
+            <Text style={styles.cancelText}>{ strings.cancel }</Text>
+          </TouchableOpacity>
           { !selection && (
             <View style={styles.disabled}>
-              <Text style={styles.disabledText}>Select</Text>
+              <Text style={styles.disabledText}>{ strings.select }</Text>
             </View>
           )}
           { selection && (
             <TouchableOpacity style={styles.select} onPress={() => select(selection)}>
-              <Text style={styles.selectText}>Select</Text>
+              <Text style={styles.selectText}>{ strings.select }</Text>
             </TouchableOpacity>
           )}
-          <TouchableOpacity style={styles.cancel} onPress={cancel}>
-            <Text style={styles.cancelText}>Cancel</Text>
-          </TouchableOpacity>
         </View>
       </View>
     </View>

app/mobile/src/session/sharing/Sharing.styled.js

@@ -8,10 +8,10 @@ export const styles = StyleSheet.create({
     height: '100%',
     alignItems: 'center',
     justifyContent: 'center',
-    backgroundColor: 'rgba(52, 52, 52, 0.8)'
+    backgroundColor: 'rgba(0,0,0, 0.8)'
   },
   sharingFrame: {
-    backgroundColor: Colors.formBackground,
+    backgroundColor: Colors.drawerBase,
     width: '80%',
     height: '80%',
     maxWidth: 400,
@@ -29,6 +29,7 @@ export const styles = StyleSheet.create({
   },
   headerText: {
     fontSize: 18,
+    color: Colors.text,
   },
   content: {
     width: '100%',

app/mobile/src/session/sharing/sharingItem/SharingItem.styled.js

@@ -23,7 +23,7 @@ export const styles = StyleSheet.create({
     borderColor: Colors.itemDivider,
     paddingLeft: 16,
     paddingRight: 16,
-    backgroundColor: Colors.background,
+    backgroundColor: Colors.areaBase,
   },
   detail: {
     paddingLeft: 12,
@@ -45,7 +45,7 @@ export const styles = StyleSheet.create({
     fontSize: 14,
   },
   message: {
-    color: Colors.lightText,
+    color: Colors.descriptionText,
     fontSize: 12,
   },
 })