From 62c48e6a8a8bd8765cbf71dd9176549cb12c811a Mon Sep 17 00:00:00 2001
From: Roland Osborne <rolandosborne@gmail.com>
Date: Mon, 11 Mar 2024 22:54:31 -0700
Subject: [PATCH] updating dark lang for sharing list

---
 app/mobile/src/constants/Strings.js              | 16 ++++++++++++++++
 app/mobile/src/session/sharing/Sharing.jsx       | 14 ++++++++------
 app/mobile/src/session/sharing/Sharing.styled.js |  5 +++--
 .../sharing/sharingItem/SharingItem.styled.js    |  4 ++--
 4 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/app/mobile/src/constants/Strings.js b/app/mobile/src/constants/Strings.js
index 33e4d985..9b7dc420 100644
--- a/app/mobile/src/constants/Strings.js
+++ b/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: 'Выберите тему для обмена',
   }
 ];
 
diff --git a/app/mobile/src/session/sharing/Sharing.jsx b/app/mobile/src/session/sharing/Sharing.jsx
index 64e3a1ea..8a081654 100644
--- a/app/mobile/src/session/sharing/Sharing.jsx
+++ b/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>
diff --git a/app/mobile/src/session/sharing/Sharing.styled.js b/app/mobile/src/session/sharing/Sharing.styled.js
index 2e6621cf..28a69b36 100644
--- a/app/mobile/src/session/sharing/Sharing.styled.js
+++ b/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%',
diff --git a/app/mobile/src/session/sharing/sharingItem/SharingItem.styled.js b/app/mobile/src/session/sharing/sharingItem/SharingItem.styled.js
index def11ba4..5c409716 100644
--- a/app/mobile/src/session/sharing/sharingItem/SharingItem.styled.js
+++ b/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,
   },
 })