martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-02-15 04:59:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

debugging logo flicker

Browse Source
This commit is contained in:
balzack 2022-10-16 14:26:55 -07:00
parent 3107e409b5
commit 04d520748b
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/mobile/src/session/conversation/topicItem/TopicItem.jsx
View File

@ -1,4 +1,4 @@
import { FlatList, View, Text, TouchableOpacity, Modal } from 'react-native'; import { FlatList, View, Text, TouchableOpacity, Modal, Image } from 'react-native';
import { useTopicItem } from './useTopicItem.hook'; import { useTopicItem } from './useTopicItem.hook';
import { styles } from './TopicItem.styled'; import { styles } from './TopicItem.styled';
import { Logo } from 'utils/Logo'; import { Logo } from 'utils/Logo';
@ -12,6 +12,7 @@ import { VideoAsset } from './videoAsset/VideoAsset';
import AntIcons from '@expo/vector-icons/AntDesign'; import AntIcons from '@expo/vector-icons/AntDesign';
import Carousel from 'react-native-snap-carousel'; import Carousel from 'react-native-snap-carousel';
import GestureRecognizer from 'react-native-swipe-gestures'; import GestureRecognizer from 'react-native-swipe-gestures';
import avatar from 'images/avatar.png';
export function TopicItem({ item }) { export function TopicItem({ item }) {
@ -53,7 +54,12 @@ export function TopicItem({ item }) {
return ( return (
<View style={styles.item}> <View style={styles.item}>
<View style={styles.header}> <View style={styles.header}>
<Logo src={state.logo} width={28} height={28} radius={6} /> { state.logo && (
<Image source={{ uri: state.logo }} style={{ width: 28, height: 28, borderRadius: 6 }} />
)}
{ !state.logo && (
<Image source={avatar} style={{ width: 28, height: 28, borderRadius: 6 }} />
)}
<Text style={styles.name}>{ state.name }</Text> <Text style={styles.name}>{ state.name }</Text>
<Text style={styles.timestamp}>{ state.timestamp }</Text> <Text style={styles.timestamp}>{ state.timestamp }</Text>
</View> </View>