D6466.1765132186.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D6466.1765132186.diff
View Options

	diff --git a/native/chat/settings/thread-settings-media-gallery.react.js b/native/chat/settings/thread-settings-media-gallery.react.js
	new file mode 100644
	--- /dev/null
	+++ b/native/chat/settings/thread-settings-media-gallery.react.js
	@@ -0,0 +1,76 @@
	+// @flow
	+
	+import * as React from 'react';
	+import {
	+ View,
	+ TouchableOpacity,
	+ ScrollView,
	+ Image,
	+ Dimensions,
	+} from 'react-native';
	+
	+import { useStyles } from '../../themes/colors';
	+
	+function ThreadSettingsMediaGallery(): React.Node {
	+ const styles = useStyles(unboundStyles);
	+ const galleryItemGap = 8;
	+ const galleryFirstItemGap = 0;
	+
	+ const galleryItemWidth =
	+ (Dimensions.get('window').width - galleryItemGap * 3) / 3;
	+ const mediaInfos = [];
	+
	+ return (
	+ <ScrollView>
	+ <View style={styles.container}>
	+ {mediaInfos.map((media, i) => {
	+ return (
	+ <View
	+ key={i}
	+ style={[
	+ styles.mediaContainer,
	+ {
	+ marginTop: galleryItemGap,
	+ marginLeft:
	+ i % 3 !== 0 ? galleryItemGap : galleryFirstItemGap,
	+ width: galleryItemWidth,
	+ },
	+ ]}
	+ >
	+ <TouchableOpacity>
	+ <Image
	+ source={media.source}
	+ style={[
	+ styles.media,
	+ {
	+ width: galleryItemWidth,
	+ },
	+ ]}
	+ />
	+ </TouchableOpacity>
	+ </View>
	+ );
	+ })}
	+ </View>
	+ </ScrollView>
	+ );
	+}
	+
	+const unboundStyles = {
	+ container: {
	+ flexDirection: 'row',
	+ flexWrap: 'wrap',
	+ justifyContent: 'flex-start',
	+ marginBottom: 20,
	+ },
	+ mediaContainer: {
	+ height: 180,
	+ justifyContent: 'center',
	+ alignItems: 'center',
	+ },
	+ media: {
	+ height: 180,
	+ },
	+};
	+
	+export default ThreadSettingsMediaGallery;