upd: division

Deskripsi:
- ui edit divisi
- ui informasi divisi
- ui laporan per divisi
- ui create divisi

No Issues

app/(application)/division/[id]/info.tsx

@@ -0,0 +1,105 @@
+import BorderBottomItem from "@/components/borderBottomItem"
+import ButtonBackHeader from "@/components/buttonBackHeader"
+import HeaderRightDivisionInfo from "@/components/division/headerDivisionInfo"
+import { ColorsStatus } from "@/constants/ColorsStatus"
+import Styles from "@/constants/Styles"
+import { Feather } from "@expo/vector-icons"
+import { router, Stack, useLocalSearchParams } from "expo-router"
+import { Image, SafeAreaView, ScrollView, Text, View } from "react-native"
+
+export default function InformationDivision() {
+   const { id } = useLocalSearchParams()
+
+   return (
+      <SafeAreaView>
+         <Stack.Screen
+            options={{
+               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
+               headerTitle: 'Informasi Divisi',
+               headerTitleAlign: 'center',
+               headerRight: () => <HeaderRightDivisionInfo id={id} />,
+            }}
+         />
+         <ScrollView>
+            <View style={[Styles.p15, Styles.mb100]}>
+               <View style={[Styles.mb15]}>
+                  <Text style={[Styles.textDefaultSemiBold, Styles.mb05]}>Deskripsi Divisi</Text>
+                  <View style={[Styles.wrapPaper]}>
+                     <Text>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</Text>
+                  </View>
+               </View>
+               <View style={[Styles.mb15]}>
+                  <Text style={[Styles.textDefault, Styles.mv05]}>5 Anggota</Text>
+                  <View style={[Styles.wrapPaper]}>
+                     <BorderBottomItem
+                        borderType="none"
+                        icon={
+                           <View style={[Styles.iconContent, ColorsStatus.gray]}>
+                              <Feather name="user-plus" size={25} color={'#384288'} />
+                           </View>
+                        }
+                        title="Tambah Anggota"
+                     />
+
+                     <BorderBottomItem
+                        borderType="bottom"
+                        icon={
+                           <Image
+                              source={require("../../../../assets/images/user.jpeg")}
+                              style={[Styles.userProfileSmall]}
+                           />
+                        }
+                        title="Amalia Dwi"
+                        rightTopInfo="Admin"
+                     />
+                     <BorderBottomItem
+                        borderType="bottom"
+                        icon={
+                           <Image
+                              source={require("../../../../assets/images/user.jpeg")}
+                              style={[Styles.userProfileSmall]}
+                           />
+                        }
+                        title="Amalia Dwi"
+                        rightTopInfo="Admin"
+                     />
+                     <BorderBottomItem
+                        borderType="bottom"
+                        icon={
+                           <Image
+                              source={require("../../../../assets/images/user.jpeg")}
+                              style={[Styles.userProfileSmall]}
+                           />
+                        }
+                        title="Amalia Dwi"
+                        rightTopInfo="Anggota"
+                     />
+                     <BorderBottomItem
+                        borderType="bottom"
+                        icon={
+                           <Image
+                              source={require("../../../../assets/images/user.jpeg")}
+                              style={[Styles.userProfileSmall]}
+                           />
+                        }
+                        title="Amalia Dwi"
+                        rightTopInfo="Anggota"
+                     />
+                     <BorderBottomItem
+                        borderType="bottom"
+                        icon={
+                           <Image
+                              source={require("../../../../assets/images/user.jpeg")}
+                              style={[Styles.userProfileSmall]}
+                           />
+                        }
+                        title="Amalia Dwi"
+                        rightTopInfo="Anggota"
+                     />
+                  </View>
+               </View>
+            </View>
+         </ScrollView>
+      </SafeAreaView>
+   )
+}