enabling only specified media types

This commit is contained in:
Roland Osborne 2022-10-27 09:36:21 -07:00
parent d582198596
commit 95c489b95a
3 changed files with 23 additions and 12 deletions

View File

@ -337,7 +337,9 @@ export function useConversationContext() {
}
}
updateState({ topic, subject, logo, contacts, host: item.cardId, created: timestamp });
const { enableImage, enableAudio, enableVideo } = item.detail;
updateState({ topic, subject, logo, contacts, host: item.cardId, created: timestamp,
enableImage, enableAudio, enableVideo });
}
useEffect(() => {

View File

@ -132,15 +132,21 @@ export function AddTopic() {
onSubmitEditing={sendMessage} returnKeyType="send"
autoCapitalize="sentences" placeholder="New Message" multiline={true} />
<View style={styles.addButtons}>
<TouchableOpacity style={styles.addButton} onPress={addImage}>
<AntIcons name="picture" size={20} color={Colors.text} />
</TouchableOpacity>
<TouchableOpacity style={styles.addButton} onPress={addVideo}>
<MaterialIcons name="video-outline" size={24} color={Colors.text} />
</TouchableOpacity>
<TouchableOpacity style={styles.addButton} onPress={addAudio}>
<MaterialIcons name="music-box-outline" size={20} color={Colors.text} />
</TouchableOpacity>
{ state.enableImage && (
<TouchableOpacity style={styles.addButton} onPress={addImage}>
<AntIcons name="picture" size={20} color={Colors.text} />
</TouchableOpacity>
)}
{ state.enableVideo && (
<TouchableOpacity style={styles.addButton} onPress={addVideo}>
<MaterialIcons name="video-outline" size={24} color={Colors.text} />
</TouchableOpacity>
)}
{ state.enableAudio && (
<TouchableOpacity style={styles.addButton} onPress={addAudio}>
<MaterialIcons name="music-box-outline" size={20} color={Colors.text} />
</TouchableOpacity>
)}
<View style={styles.divider} />
<TouchableOpacity style={styles.addButton} onPress={actions.showFontSize}>
<MaterialIcons name="format-size" size={20} color={Colors.text} />

View File

@ -16,6 +16,9 @@ export function useAddTopic(cardId, channelId) {
colorSet: false,
busy: false,
textSize: 14,
enableImage: false,
enableAudio: false,
enableVideo: false,
});
const assetId = useRef(0);
@ -26,8 +29,8 @@ export function useAddTopic(cardId, channelId) {
}
useEffect(() => {
const { progress, uploadError } = conversation.state;
updateState({ progress, uploadError });
const { progress, uploadError, enableImage, enableAudio, enableVideo } = conversation.state;
updateState({ progress, uploadError, enableImage, enableAudio, enableVideo });
}, [conversation]);
const actions = {