admin/imexmobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove duplicated virtualized lists.

Browse Source
This commit is contained in:
Patrick Fic
2021-03-09 20:56:13 -08:00
parent b5176b4d61
commit df23eb0947
2 changed files with 70 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
components/job-documents/job-documents.component.jsx
View File

@@ -1,4 +1,4 @@
import { Container, Content, Thumbnail } from "native-base";
import { Thumbnail } from "native-base";
import React, { useState } from "react";
import {
FlatList,
@@ -6,6 +6,7 @@ import {
StyleSheet,
Text,
TouchableOpacity,
View,
} from "react-native";
import MediaCacheOverlay from "../media-cache-overlay/media-cache-overlay.component";
@@ -20,46 +21,41 @@ export default function JobDocumentsComponent({ job, loading, refetch }) {
return refetch();
};
return (
<Container>
<Content
padder
<View>
<FlatList
refreshControl={
<RefreshControl refreshing={loading} onRefresh={onRefresh} />
}
>
<FlatList
data={job.documents}
style={{ flex: 1 }}
contentContainerStyle={styles.listContentContainer}
keyExtractor={(item) => item.id}
numColumns={4}
renderItem={(object) => (
<TouchableOpacity
onPress={() => {
// setImgIndex(object.index);
// setPreviewVisible(true);
data={job.documents}
contentContainerStyle={styles.listContentContainer}
keyExtractor={(item) => item.id}
numColumns={4}
renderItem={(object) => (
<TouchableOpacity
onPress={() => {
// setImgIndex(object.index);
// setPreviewVisible(true);
}}
>
<Thumbnail
square
large
style={{ margin: 5 }}
source={{
uri: `${REACT_APP_CLOUDINARY_IMAGE_ENDPOINT}/${REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS}/${object.item.key}`,
}}
>
<Thumbnail
square
large
style={{ margin: 5 }}
source={{
uri: `${REACT_APP_CLOUDINARY_IMAGE_ENDPOINT}/${REACT_APP_CLOUDINARY_THUMB_TRANSFORMATIONS}/${object.item.key}`,
}}
/>
</TouchableOpacity>
)}
/>
<Text>{job.documents.length}</Text>
<MediaCacheOverlay
imgIndex={imgIndex}
setImgIndex={setImgIndex}
previewVisible={previewVisible}
setPreviewVisible={setPreviewVisible}
/>
</Content>
</Container>
/>
</TouchableOpacity>
)}
/>
<Text>{job.documents.length}</Text>
<MediaCacheOverlay
imgIndex={imgIndex}
setImgIndex={setImgIndex}
previewVisible={previewVisible}
setPreviewVisible={setPreviewVisible}
/>
</View>
);
}