upd: ui halaman list fitur

Deskripsi:
- ui list fitur page

No Issues

app/(application)/feature.tsx

@@ -0,0 +1,37 @@
+import ButtonBackHeader from "@/components/buttonBackHeader";
+import { ButtonFiturMenu } from "@/components/buttonFiturMenu";
+import Styles from "@/constants/Styles";
+import { AntDesign, Entypo, Ionicons, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-icons";
+import { router, Stack } from "expo-router";
+import { SafeAreaView, View } from "react-native";
+
+export default function Feature() {
+   return (
+      <SafeAreaView>
+         <Stack.Screen
+            options={{
+               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
+               headerTitle: 'Fitur',
+               headerTitleAlign: 'center'
+            }}
+         />
+         <View style={[Styles.p15]}>
+            <View style={[Styles.rowSpaceBetween, Styles.mb15]}>
+               <ButtonFiturMenu icon={<MaterialIcons name="group" size={35} color="black" />} text="Divisi" />
+               <ButtonFiturMenu icon={<AntDesign name="areachart" size={35} color="black" />} text="Kegiatan" />
+               <ButtonFiturMenu icon={<MaterialIcons name="campaign" size={35} color="black" />} text="Pengumuman" />
+               <ButtonFiturMenu icon={<Ionicons name="chatbubbles-sharp" size={35} color="black" />} text="Diskusi" />
+            </View>
+            <View style={[Styles.rowSpaceBetween, Styles.mb15]}>
+               <ButtonFiturMenu icon={<MaterialIcons name="groups" size={35} color="black" />} text="Anggota" />
+               <ButtonFiturMenu icon={<MaterialCommunityIcons name="account-tie" size={35} color="black" />} text="Jabatan" />
+               <ButtonFiturMenu icon={<AntDesign name="tags" size={35} color="black" />} text="Lembaga Desa" />
+               <ButtonFiturMenu icon={<Ionicons name="color-palette-sharp" size={35} color="black" />} text="Tema" />
+            </View>
+            <View style={[Styles.rowSpaceBetween, Styles.mb15]}>
+               <ButtonFiturMenu icon={<Entypo name="image-inverted" size={35} color="black" />} text="Banner" />
+            </View>
+         </View>
+      </SafeAreaView>
+   )
+}

components/buttonBackHeader.tsx

@@ -0,0 +1,17 @@
+import { Feather } from "@expo/vector-icons"
+import { ButtonHeader } from "./buttonHeader"
+
+type Props = {
+   onPress?: () => void
+}
+
+export default function ButtonBackHeader({ onPress }: Props) {
+   return (
+      <>
+         <ButtonHeader
+            item={<Feather name="chevron-left" size={20} color="white" />}
+            onPress={onPress}
+         />
+      </>
+   )
+}

components/home/fiturHome.tsx

@@ -3,6 +3,7 @@ import { AntDesign, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-i
 import React from "react"
 import { Text, View } from "react-native"
 import { ButtonFiturMenu } from "../buttonFiturMenu"
+import { router } from "expo-router"
 
 export default function FiturHome() {
    return (
@@ -12,7 +13,7 @@ export default function FiturHome() {
             <ButtonFiturMenu icon={<MaterialIcons name="group" size={35} color="black" />} text="Divisi" />
             <ButtonFiturMenu icon={<AntDesign name="areachart" size={35} color="black" />} text="Kegiatan" />
             <ButtonFiturMenu icon={<MaterialIcons name="campaign" size={35} color="black" />} text="Pengumuman" />
-            <ButtonFiturMenu icon={<MaterialCommunityIcons name="view-grid" size={35} color="black" />} text="Semua" />
+            <ButtonFiturMenu icon={<MaterialCommunityIcons name="view-grid" size={35} color="black" />} text="Semua" onPress={() => { router.push('/feature') }}/>
          </View>
       </View>
    )

constants/Styles.ts

@@ -89,6 +89,9 @@ const Styles = StyleSheet.create({
    ph15: {
       paddingHorizontal: 15,
    },
+   p15:{
+      padding:15
+   },
    round30: {
       borderRadius: 30
    },