upd: ai group

Deskripsi:
- update ui edit group
- ui non aktif group

No Issues

app/(application)/group/_layout.tsx

@@ -7,10 +7,9 @@ import MenuItemRow from "@/components/menuItemRow";
 import { Headers } from "@/constants/Headers";
 import Styles from "@/constants/Styles";
 import AntDesign from "@expo/vector-icons/AntDesign";
-import MaterialIcons from "@expo/vector-icons/MaterialIcons";
 import { router, Stack } from "expo-router";
 import React, { useState } from "react";
-import { Modal, Pressable, Text, TextInput, ToastAndroid, View } from "react-native";
+import { ToastAndroid, View } from "react-native";
 
 export default function RootLayout() {
    const [isVisible, setVisible] = useState(false)

app/(application)/group/index.tsx

@@ -1,14 +1,28 @@
+import AlertKonfirmasi from "@/components/alertKonfirmasi";
 import BorderBottomItem from "@/components/borderBottomItem";
+import { ButtonForm } from "@/components/buttonForm";
 import ButtonTab from "@/components/buttonTab";
+import DrawerBottom from "@/components/drawerBottom";
+import { InputForm } from "@/components/inputForm";
 import InputSearch from "@/components/inputSearch";
+import MenuItemRow from "@/components/menuItemRow";
 import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
 import { AntDesign, Feather, MaterialCommunityIcons } from "@expo/vector-icons";
 import { router, useLocalSearchParams } from "expo-router";
-import { SafeAreaView, ScrollView, View } from "react-native";
+import { useState } from "react";
+import { SafeAreaView, ScrollView, ToastAndroid, View } from "react-native";
 
 export default function Index() {
-   const { active } = useLocalSearchParams<{ active?: string }>();
+   const { active } = useLocalSearchParams<{ active?: string }>()
+   const [isModal, setModal] = useState(false)
+   const [isVisibleEdit, setVisibleEdit] = useState(false)
+
+   function handleEdit() {
+      setVisibleEdit(false)
+      setModal(false)
+      ToastAndroid.show('Berhasil mengupdate data', ToastAndroid.SHORT)
+   }
 
    return (
       <SafeAreaView>
@@ -33,6 +47,7 @@ export default function Index() {
                <InputSearch />
                <View>
                   <BorderBottomItem
+                     onPress={() => { setModal(true) }}
                      borderType="all"
                      icon={
                         <View style={[Styles.iconContent, ColorsStatus.lightGreen]}>
@@ -42,6 +57,7 @@ export default function Index() {
                      title="Adat"
                   />
                   <BorderBottomItem
+                     onPress={() => { setModal(true) }}
                      borderType="all"
                      icon={
                         <View style={[Styles.iconContent, ColorsStatus.lightGreen]}>
@@ -51,6 +67,7 @@ export default function Index() {
                      title="Dinas"
                   />
                   <BorderBottomItem
+                     onPress={() => { setModal(true) }}
                      borderType="all"
                      icon={
                         <View style={[Styles.iconContent, ColorsStatus.lightGreen]}>
@@ -60,6 +77,7 @@ export default function Index() {
                      title="PKK"
                   />
                   <BorderBottomItem
+                     onPress={() => { setModal(true) }}
                      borderType="all"
                      icon={
                         <View style={[Styles.iconContent, ColorsStatus.lightGreen]}>
@@ -69,6 +87,7 @@ export default function Index() {
                      title="Karang Taruna"
                   />
                   <BorderBottomItem
+                     onPress={() => { setModal(true) }}
                      borderType="all"
                      icon={
                         <View style={[Styles.iconContent, ColorsStatus.lightGreen]}>
@@ -80,6 +99,40 @@ export default function Index() {
                </View>
             </View>
          </ScrollView>
+
+         <DrawerBottom animation="slide" isVisible={isModal} setVisible={setModal} title="Menu">
+            <View style={Styles.rowItemsCenter}>
+               <MenuItemRow
+                  icon={<MaterialCommunityIcons name="toggle-switch-off-outline" color="black" size={25} />}
+                  title="Non Aktifkan"
+                  onPress={() => {
+                     AlertKonfirmasi({
+                        title: 'Konfirmasi',
+                        desc: 'Apakah anda yakin ingin menonaktifkan data?',
+                        onPress: () => { handleEdit() }
+                     })
+                  }}
+               />
+               <MenuItemRow
+                  icon={<MaterialCommunityIcons name="pencil-outline" color="black" size={25} />}
+                  title="Edit"
+                  onPress={() => { setVisibleEdit(true) }}
+               />
+            </View>
+         </DrawerBottom>
+
+         <DrawerBottom animation="none" isVisible={isVisibleEdit} setVisible={setVisibleEdit} title="Edit Lembaga Desa">
+            <View style={{ justifyContent: 'space-between', flex: 1 }}>
+               <View>
+                  <InputForm type="default" placeholder="Nama Lembaga Desa" required label="Lembaga Desa" />
+               </View>
+               <View>
+                  <ButtonForm text="SIMPAN" onPress={() => { handleEdit() }} />
+               </View>
+            </View>
+         </DrawerBottom>
+
+
       </SafeAreaView>
    )
 }