Fakultas Ilmu Komputer UI

Commit 0e710b7f authored by angelin depthios's avatar angelin depthios
Browse files

Merge branch 'ecosystem-map-screen' into 'master'

feat: create Ecosystem Map Screen

See merge request !64
parents 390be7dc 0c155300
Pipeline #85931 passed with stage
in 8 minutes and 6 seconds
...@@ -75,6 +75,16 @@ const BusinessEcosystemScreen = () => { ...@@ -75,6 +75,16 @@ const BusinessEcosystemScreen = () => {
<Text style={styles.link}>Terbaru Minggu Ini</Text> <Text style={styles.link}>Terbaru Minggu Ini</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<Spacer variant="xl" />
<View>
<TouchableOpacity
onPress={() => {
nav.navigate("Ecosystem", { screen: "EcosystemMap" });
}}
>
<Text style={styles.link}>Peta Ekosistem</Text>
</TouchableOpacity>
</View>
</View> </View>
); );
}; };
......
import { useNavigation } from "@react-navigation/core"; import { useNavigation } from "@react-navigation/core";
import * as React from "react"; import * as React from "react";
import { StyleSheet } from "react-native"; import { StyleSheet } from "react-native";
import { Text, View } from "../../components/Themed"; import { View } from "../../components/Themed";
import Colors from "../../constants/Colors"; import Colors from "../../constants/Colors";
import PlainButton from "../../components/button/PlainButton";
import Spacer from "../../components/Spacer/Spacer";
const EcosystemMapScreen = () => { const EcosystemMapScreen = () => {
const nav = useNavigation(); const nav = useNavigation();
return ( return (
<View style={styles.container}> <View style={styles.container}>
<View> <View style={styles.bodyWrapper}>
<Text>Layar Peta Ekosistem</Text> <Spacer variant="xl" />
<PlainButton
text={"Suppliers"}
desc
// descText={{member} " Anggota"}
descText={"350 Anggota"}
onPress={() => {}}
/>
<Spacer variant="xl" />
<PlainButton
text={"Customer"}
desc
// descText={{member} " Anggota"}
descText={"350 Anggota"}
onPress={() => {}}
/>
<Spacer variant="xl" />
<PlainButton
text={"Support"}
desc
// descText={{member} " Anggota"}
descText={"350 Anggota"}
onPress={() => {}}
/>
<Spacer variant="xl" />
<PlainButton
text={"Main Business"}
desc
// descText={{member} " Anggota"}
descText={"350 Anggota"}
onPress={() => {}}
/>
</View> </View>
</View> </View>
); );
...@@ -21,7 +53,10 @@ const styles = StyleSheet.create({ ...@@ -21,7 +53,10 @@ const styles = StyleSheet.create({
flex: 1, flex: 1,
backgroundColor: Colors.background, backgroundColor: Colors.background,
paddingHorizontal: 24, paddingHorizontal: 24,
justifyContent: "center", justifyContent: "flex-start",
},
bodyWrapper: {
width: "100%",
}, },
}); });
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment