feat: create Ecosystem Map Screen

src/screens/ecosystem/BusinessEcosystemScreen.tsx

@@ -75,6 +75,16 @@ const BusinessEcosystemScreen = () => {
           <Text style={styles.link}>Terbaru Minggu Ini</Text>
         </TouchableOpacity>
       </View>
+      <Spacer variant="xl" />
+      <View>
+        <TouchableOpacity
+          onPress={() => {
+            nav.navigate("Ecosystem", { screen: "EcosystemMap" });
+          }}
+        >
+          <Text style={styles.link}>Peta Ekosistem</Text>
+        </TouchableOpacity>
+      </View>
     </View>
   );
 };

src/screens/ecosystem/EcosystemMapScreen.tsx

 import { useNavigation } from "@react-navigation/core";
 import * as React from "react";
 import { StyleSheet } from "react-native";
-import { Text, View } from "../../components/Themed";
+import { View } from "../../components/Themed";
 import Colors from "../../constants/Colors";
+import PlainButton from "../../components/button/PlainButton";
+import Spacer from "../../components/Spacer/Spacer";
 
 const EcosystemMapScreen = () => {
   const nav = useNavigation();
-
   return (
     <View style={styles.container}>
-      <View>
-        <Text>Layar Peta Ekosistem</Text>
+      <View style={styles.bodyWrapper}>
+        <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>
   );
@@ -21,7 +53,10 @@ const styles = StyleSheet.create({
     flex: 1,
     backgroundColor: Colors.background,
     paddingHorizontal: 24,
-    justifyContent: "center",
+    justifyContent: "flex-start",
+  },
+  bodyWrapper: {
+    width: "100%",
   },
 });