fix: preview msg + channellist container (#910)

Author: kingdavidmartins

package/src/components/ChannelList/ChannelListLoadingIndicator.tsx

@@ -13,14 +13,15 @@ const styles = StyleSheet.create({
 export const ChannelListLoadingIndicator: React.FC = () => {
   const {
     theme: {
+      channelListLoadingIndicator: { container },
       colors: { white_snow },
     },
   } = useTheme();
   const { numberOfSkeletons, Skeleton } = useChannelsContext();
 
   return (
     <View
-      style={[styles.container, { backgroundColor: white_snow }]}
+      style={[styles.container, { backgroundColor: white_snow }, container]}
       testID='channel-list-loading-indicator'
     >
       {Array.from(Array(numberOfSkeletons)).map((_, index) => (

package/src/components/ChannelPreview/ChannelPreviewMessage.tsx

@@ -51,7 +51,7 @@ export const ChannelPreviewMessage: React.FC<ChannelPreviewMessageProps> = ({
         preview.text ? (
           <Text
             key={`${preview.text}_${index}`}
-            style={[{ color: grey }, preview.bold ? styles.bold : {}]}
+            style={[{ color: grey }, preview.bold ? styles.bold : {}, message]}
           >
             {preview.text}
           </Text>

package/src/contexts/themeContext/utils/theme.ts

@@ -110,6 +110,9 @@ export type Theme = {
     container: ViewStyle;
     errorText: TextStyle;
   };
+  channelListLoadingIndicator: {
+    container: ViewStyle;
+  };
   channelListMessenger: {
     flatList: ViewStyle;
     flatListContent: ViewStyle;
@@ -531,6 +534,9 @@ export const defaultTheme: Theme = {
     container: {},
     errorText: {},
   },
+  channelListLoadingIndicator: {
+    container: {},
+  },
   channelListMessenger: {
     flatList: {},
     flatListContent: {},