kevin/deguapp
1
0
Fork 0
forked from fr/deguapp
Code Pull Requests Activity

Added: beer image and other info about beer into reviews

Browse Source
This commit is contained in:
Filip Rojek 2024-05-15 02:52:01 +02:00
parent 0430710522
commit 8f3e442077
1 changed files with 42 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
frontend/app/(app)/(tabs)/review/index.js
View File

@ -1,4 +1,4 @@
import { View, StyleSheet, FlatList } from "react-native"; import { View, StyleSheet, FlatList, Image } from "react-native";
import Text from "@components/Text"; import Text from "@components/Text";
import Button from "@components/Button"; import Button from "@components/Button";
import { colors } from "@components/style"; import { colors } from "@components/style";
@ -14,6 +14,8 @@ export default function Tab() {
fetchData(); fetchData();
}, []); }, []);
const API_HOST = process.env.EXPO_PUBLIC_API_URL.replace("/api/v1", "");
async function fetchData() { async function fetchData() {
try { try {
const res = await fetch(`${process.env.EXPO_PUBLIC_API_URL}/review/get`, { const res = await fetch(`${process.env.EXPO_PUBLIC_API_URL}/review/get`, {
@ -70,14 +72,36 @@ export default function Tab() {
style={styles.reviewList} style={styles.reviewList}
keyExtractor={(item) => String(item._id)} keyExtractor={(item) => String(item._id)}
renderItem={({ item }) => ( renderItem={({ item }) => (
<View style={styles.item}> <View style={styles.itemContainer}>
<View>
<Text>{item.beer.name}</Text>
<Text>{item.beer.brand}</Text>
<Text>{item.beer.degree}°</Text>
<Text>{item.beer.packaging}</Text>
<Image
source={
item.beer.imgs[0]
? {
uri: `${API_HOST}/public/uploads/${item.beer.imgs[0]}`,
}
: {
uri: "https://imagesvc.meredithcorp.io/v3/mm/image?url=https:%2F%2Fstatic.onecms.io%2Fwp-content%2Fuploads%2Fsites%2F44%2F2020%2F09%2F29%2Flight-beer.jpg",
}
}
style={styles.itemImg}
/>
</View>
<View>
<Text>Foam → {opt3[item.foam - 1]}</Text> <Text>Foam → {opt3[item.foam - 1]}</Text>
<Text>Bitter / Sweetness → {opt3[item.bitter_sweetness - 1]}</Text> <Text>
Bitter / Sweetness → {opt3[item.bitter_sweetness - 1]}
</Text>
<Text>Taste → {opt5[item.taste - 1]}</Text> <Text>Taste → {opt5[item.taste - 1]}</Text>
<Text>Packaging → {opt5[item.packaging - 1]}</Text> <Text>Packaging → {opt5[item.packaging - 1]}</Text>
<Text>Sourness → {sourness[item.sourness - 1]}</Text> <Text>Sourness → {sourness[item.sourness - 1]}</Text>
<Text>Would again? → {opt2[item.would_again - 1]}</Text> <Text>Would again? → {opt2[item.would_again - 1]}</Text>
</View> </View>
</View>
)} )}
/> />
</View> </View>
@ -96,11 +120,20 @@ export const styles = StyleSheet.create({
paddingHorizontal: "15%", paddingHorizontal: "15%",
marginTop: "5%", marginTop: "5%",
}, },
item: { itemContainer: {
borderColor: "gray", borderColor: "gray",
borderWidth: 1, borderWidth: 1,
borderRadius: 10, borderRadius: 10,
padding: 13, padding: 13,
marginBottom: "5%", marginBottom: "5%",
flex: 1,
flexDirection: "row",
justifyContent: "space-between",
},
itemImg: {
width: 150,
aspectRatio: 1,
resizeMode: "contain",
marginTop: "5%",
}, },
}); });