fix: add missing translation keys

Author: szuperaz

package/src/components/AttachmentPicker/components/AttachmentMediaPicker/AttachmentPickerItem.tsx

@@ -100,6 +100,7 @@ const AttachmentImage = (props: AttachmentPickerItemType) => {
   } = useTheme();
   const styles = useStyles();
   const { vw } = useViewport();
+  const { t } = useTranslationContext();
   const { uploadNewFile } = useMessageInputContext();
   const messageComposer = useMessageComposer();
   const { attachmentManager } = messageComposer;
@@ -120,7 +121,7 @@ const AttachmentImage = (props: AttachmentPickerItemType) => {
       }
     } else {
       if (!availableUploadSlots) {
-        Alert.alert('Maximum number of files reached');
+        Alert.alert(t('Maximum number of files reached'));
         return;
       }
       await uploadNewFile(asset);
@@ -150,6 +151,7 @@ const AttachmentImage = (props: AttachmentPickerItemType) => {
 const AttachmentIosLimited = () => {
   const { numberOfAttachmentPickerImageColumns } = useAttachmentPickerContext();
   const { vw } = useViewport();
+  const { t } = useTranslationContext();
   const size = vw(100) / (numberOfAttachmentPickerImageColumns || 3) - 2;
   const styles = useStyles();
   return (
@@ -164,7 +166,7 @@ const AttachmentIosLimited = () => {
       onPress={NativeHandlers.iOS14RefreshGallerySelection}
     >
       <Plus width={20} height={20} stroke={styles.iosLimitedIcon.color} strokeWidth={1.5} />
-      <Text style={styles.iosLimitedText}>Add more</Text>
+      <Text style={styles.iosLimitedText}>{t('Add more')}</Text>
     </BottomSheetTouchableOpacity>
   );
 };

package/src/components/Indicators/EmptyStateIndicator.tsx

@@ -46,7 +46,9 @@ export const EmptyStateIndicator = ({ listType }: EmptyStateProps) => {
       );
     default:
       return (
-        <Text style={[{ color: semantics.textSecondary }, messageContainer]}>No items exist</Text>
+        <Text style={[{ color: semantics.textSecondary }, messageContainer]}>
+          {t('No items exist')}
+        </Text>
       );
   }
 };

package/src/components/MessageInput/components/AttachmentPreview/AttachmentUploadProgressIndicator.tsx

@@ -4,6 +4,7 @@ import { ActivityIndicator, Pressable, StyleSheet, Text, View } from 'react-nati
 import { LocalAttachmentUploadMetadata } from 'stream-chat';
 
 import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
+import { useTranslationContext } from '../../../../contexts/translationContext/TranslationContext';
 import { ExclamationCircle } from '../../../../icons/exclamation-circle-fill';
 import { Warning } from '../../../../icons/exclamation-triangle-fill';
 import { primitives } from '../../../../theme';
@@ -41,6 +42,7 @@ export const FileUploadRetryIndicator = ({ onPress }: FileUploadRetryIndicatorPr
       messageComposer: { fileUploadRetryIndicator },
     },
   } = useTheme();
+  const { t } = useTranslationContext();
   const styles = useFileUploadRetryStyles();
 
   return (
@@ -56,7 +58,7 @@ export const FileUploadRetryIndicator = ({ onPress }: FileUploadRetryIndicatorPr
           width={16}
         />
         <Text style={[styles.networkErrorText, fileUploadRetryIndicator.networkErrorText]}>
-          Network error
+          {t('Network error')}
         </Text>
       </View>
       <Pressable
@@ -66,7 +68,9 @@ export const FileUploadRetryIndicator = ({ onPress }: FileUploadRetryIndicatorPr
           fileUploadRetryIndicator.retryButton,
         ]}
       >
-        <Text style={[styles.retryText, fileUploadRetryIndicator.retryText]}>Retry Upload</Text>
+        <Text style={[styles.retryText, fileUploadRetryIndicator.retryText]}>
+          {t('Retry Upload')}
+        </Text>
       </Pressable>
     </View>
   );
@@ -86,9 +90,10 @@ export const FileUploadNotSupportedIndicator = ({
       messageComposer: { fileUploadNotSupportedIndicator },
     },
   } = useTheme();
+  const { t } = useTranslationContext();
 
   const reason = localMetadata.uploadPermissionCheck?.reason === 'size_limit';
-  const message = reason ? 'File too large' : 'Not supported';
+  const message = reason ? t('File too large') : t('Not supported');
 
   return (
     <View

package/src/components/Poll/CreatePollContent.tsx

@@ -166,7 +166,9 @@ export const CreatePollContent = () => {
             <View style={[styles.optionCard, anonymousPoll.wrapper]}>
               <View style={[styles.optionCardContent, anonymousPoll.optionCardContent]}>
                 <Text style={[styles.title, anonymousPoll.title]}>{t('Anonymous voting')}</Text>
-                <Text style={[styles.description, anonymousPoll.description]}>Hide who voted</Text>
+                <Text style={[styles.description, anonymousPoll.description]}>
+                  {t('Hide who voted')}
+                </Text>
               </View>
 
               <Switch
@@ -179,7 +181,7 @@ export const CreatePollContent = () => {
               <View style={[styles.optionCardContent, suggestOption.optionCardContent]}>
                 <Text style={[styles.title, suggestOption.title]}>{t('Suggest an option')}</Text>
                 <Text style={[styles.description, suggestOption.description]}>
-                  Let others add options
+                  {t('Let others add options')}
                 </Text>
               </View>
 
@@ -193,7 +195,7 @@ export const CreatePollContent = () => {
               <View style={[styles.optionCardContent, addComment.optionCardContent]}>
                 <Text style={[styles.title, addComment.title]}>{t('Add a comment')}</Text>
                 <Text style={[styles.description, addComment.description]}>
-                  Add a comment to the poll
+                  {t('Add a comment to the poll')}
                 </Text>
               </View>