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

support manual conversation resync

Browse Source
This commit is contained in:
Roland Osborne 2022-10-24 15:01:11 -07:00
parent ca4d03f448
commit d4227f3558
4 changed files with 32 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/mobile/src/context/useConversationContext.hook.js
View File

@ -223,7 +223,7 @@ export function useConversationContext() {
else { else {
channel.actions.setReadRevision(channelId, revision.current); channel.actions.setReadRevision(channelId, revision.current);
} }
updateState({ topics: topics.current, init: true }); updateState({ topics: topics.current, init: true, error: false });
} }
syncing.current = false; syncing.current = false;
@ -232,7 +232,7 @@ export function useConversationContext() {
catch(err) { catch(err) {
console.log(err); console.log(err);
syncing.current = false; syncing.current = false;
//TODO set to unsynced state updateState({ error: true });
} }
} }
} }
@ -491,7 +491,13 @@ export function useConversationContext() {
} }
} }
} }
} },
resync: () => {
if (conversationId.current) {
force.current = true;
sync();
}
},
} }
return { state, actions } return { state, actions }

10
app/mobile/src/session/conversation/Conversation.jsx
View File

@ -24,9 +24,15 @@ export function ConversationHeader({ closeConversation, openDetails }) {
return ( return (
<View style={styles.title}> <View style={styles.title}>
<View style={styles.subject}> <TouchableOpacity style={styles.subject} activeOpacity={1} onPress={actions.resync}>
<View style={styles.icon} />
<Text style={styles.subjectText} numberOfLines={1} ellipsizeMode={'tail'}>{ state.subject }</Text> <Text style={styles.subjectText} numberOfLines={1} ellipsizeMode={'tail'}>{ state.subject }</Text>
</View> <View style={styles.icon}>
{ state.error && (
<Ionicons name="exclamationcircleo" size={16} color={Colors.alert} />
)}
</View>
</TouchableOpacity>
<TouchableOpacity style={styles.action} onPress={setDetails}> <TouchableOpacity style={styles.action} onPress={setDetails}>
<Ionicons name="setting" size={26} color={Colors.primary} /> <Ionicons name="setting" size={26} color={Colors.primary} />
</TouchableOpacity> </TouchableOpacity>

8
app/mobile/src/session/conversation/Conversation.styled.js
View File

@ -35,6 +35,14 @@ export const styles = StyleSheet.create({
flexShrink: 1, flexShrink: 1,
textAlign: 'center', textAlign: 'center',
paddingLeft: 16, paddingLeft: 16,
display: 'flex',
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
},
icon: {
paddingLeft: 4,
width: 32,
}, },
subjectText: { subjectText: {
fontSize: 18, fontSize: 18,

10
app/mobile/src/session/conversation/useConversation.hook.js
View File

@ -16,6 +16,7 @@ export function useConversation() {
editData: null, editData: null,
editMessage: null, editMessage: null,
init: false, init: false,
error: false,
}); });
const delay = useRef(null); const delay = useRef(null);
@ -26,7 +27,7 @@ export function useConversation() {
} }
useEffect(() => { useEffect(() => {
const { subject, logo, topics, host, init } = conversation.state; const { error, subject, logo, topics, host, init } = conversation.state;
const items = Array.from(topics.values()); const items = Array.from(topics.values());
const sorted = items.sort((a, b) => { const sorted = items.sort((a, b) => {
const aTimestamp = a?.detail?.created; const aTimestamp = a?.detail?.created;
@ -40,7 +41,7 @@ export function useConversation() {
return -1; return -1;
}); });
const filtered = sorted.filter(item => !(item.blocked === 1)); const filtered = sorted.filter(item => !(item.blocked === 1));
updateState({ topics, subject, logo, host, topics: filtered }); updateState({ topics, subject, logo, host, error, topics: filtered });
if (init) { if (init) {
clearTimeout(delay.current); clearTimeout(delay.current);
updateState({ init: true }); updateState({ init: true });
@ -87,7 +88,10 @@ export function useConversation() {
}, },
blockTopic: async (topicId) => { blockTopic: async (topicId) => {
await conversation.actions.blockTopic(topicId); await conversation.actions.blockTopic(topicId);
} },
resync: () => {
conversation.actions.resync();
},
}; };
return { state, actions }; return { state, actions };