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

changing topic status icon

Browse Source
This commit is contained in:
balzack 2022-10-16 15:14:46 -07:00
parent e238bff778
commit 4cb3161ae7
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,6 +10,7 @@ import { ImageAsset } from './imageAsset/ImageAsset';
import { AudioAsset } from './audioAsset/AudioAsset';
import { VideoAsset } from './videoAsset/VideoAsset';
import AntIcons from '@expo/vector-icons/AntDesign';
import MatIcons from '@expo/vector-icons/MaterialCommunityIcons';
import Carousel from 'react-native-snap-carousel';
import GestureRecognizer from 'react-native-swipe-gestures';
import avatar from 'images/avatar.png';
@ -73,10 +74,14 @@ export function TopicItem({ item }) {
/>
)}
{ state.transform === 'incomplete' && (
<AntIcons name="cloudo" size={32} color={Colors.background} />
<View style={styles.status}>
<MatIcons name="cloud-refresh" size={32} color={Colors.background} />
</View>
)}
{ state.transform === 'error' && (
<AntIcons name="cloudo" size={32} color={Colors.alert} />
<View style={styles.status}>
<AntIcons name="weather-cloudy-alert" size={32} color={Colors.alert} />
</View>
)}
{ state.message && (
<Text style={{ paddingLeft: 52, fontSize: state.fontSize, color: state.fontColor }}>{ state.message }</Text>
@ -84,7 +89,9 @@ export function TopicItem({ item }) {
</>
)}
{ state.status !== 'confirmed' && (
<AntIcons name="cloudo" size={32} color={Colors.divider} />
<View style={styles.status}>
<MatIcons name="cloud-refresh" size={32} color={Colors.divider} />
</View>
)}
<Modal
animationType="fade"

3
app/mobile/src/session/conversation/topicItem/TopicItem.styled.js
View File

@ -39,5 +39,8 @@ export const styles = StyleSheet.create({
width: '100%',
height: '100%',
},
status: {
paddingLeft: 52,
},
})