fix flickering in channel list

app/mobile/src/context/useChannelContext.hook.js

@@ -64,7 +64,6 @@ export function useChannelContext() {
         const { server, appToken, guid } = session.current;
 
         const delta = await getChannels(server, appToken, setRevision.current);
-console.log(delta);
         for (let channel of delta) {
           if (channel.data) {
             if (channel.data.channelDetail && channel.data.channelSummary) {
@@ -139,7 +138,6 @@ console.log(delta);
       updateState({ account: null, channels: channels.current });
     },
     setRevision: (rev) => {
-console.log("CHANNEL REVISION:", rev);
       curRevision.current = rev;
       sync();
     },

app/mobile/src/session/channels/channelItem/ChannelItem.styled.js

@@ -0,0 +1,28 @@
+import { StyleSheet } from 'react-native';
+import { Colors } from 'constants/Colors';
+
+export const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    display: 'flex',
+    flexDirection: 'row',
+    height: 48,
+    alignItems: 'center',
+    borderBottomWidth: 1,
+    borderColor: Colors.itemDivider,
+  },
+  detail: {
+    paddingLeft: 12,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    flexGrow: 1,
+    flexShrink: 1,
+  },
+  subject: {
+  },
+  message: {
+    color: Colors.disabled,
+  },
+})
+

app/mobile/src/session/channels/useChannels.hook.js

@@ -67,7 +67,12 @@ export function useChannels() {
       if (contacts.length) {
         let names = [];
         for (let contact of contacts) {
-          names.push(contact?.profile?.handle);
+          if (contact?.profile?.name) {
+            names.push(contact.profile.name);
+          }
+          else {
+            names.push(contact?.profile?.handle);
+          }
         }
         subject = names.join(', ');
       }

app/mobile/src/session/useSession.hook.js

@@ -1,7 +1,6 @@
 import { useState, useEffect, useContext } from 'react';
 import { useWindowDimensions } from 'react-native';
 import { useNavigate } from 'react-router-dom';
-import { AppContext } from 'context/AppContext';
 import config from 'constants/Config';
 
 export function useSession() {
@@ -14,7 +13,6 @@ export function useSession() {
     converstaionId: null,
   });
   const dimensions = useWindowDimensions();
-  const app = useContext(AppContext);
   const navigate = useNavigate();
 
   const updateState = (value) => {