mobile-darmasaba/app/(application)/project/[id]/add-file.tsx

import BorderBottomItem from "@/components/borderBottomItem"
import ButtonBackHeader from "@/components/buttonBackHeader"
import ButtonSaveHeader from "@/components/buttonSaveHeader"
import ButtonSelect from "@/components/buttonSelect"
import Styles from "@/constants/Styles"
import { MaterialCommunityIcons } from "@expo/vector-icons"
import { router, Stack, useLocalSearchParams } from "expo-router"
import { SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native"

export default function ProjectAddFile() {
   const { id } = useLocalSearchParams()

   return (
      <SafeAreaView>
         <Stack.Screen
            options={{
               headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
               headerTitle: 'Tambah File',
               headerTitleAlign: 'center',
               headerRight: () => <ButtonSaveHeader category="create" onPress={() => {
                  ToastAndroid.show('Berhasil menambah data', ToastAndroid.SHORT)
                  router.push('/project/4324')
               }} />
            }}
         />
         <ScrollView>
            <View style={[Styles.p15, Styles.mb100]}>
               <ButtonSelect value="Upload File" />
               <View style={[Styles.mb15]}>
                  <Text style={[Styles.textDefaultSemiBold, Styles.mv05]}>File</Text>
                  <View style={[Styles.wrapPaper]}>
                     <BorderBottomItem
                        borderType="all"
                        icon={<MaterialCommunityIcons name="file-outline" size={25} color="black" />}
                        title="image_pertama.jpg"
                        titleWeight="normal"
                     />
                     <BorderBottomItem
                        borderType="all"
                        icon={<MaterialCommunityIcons name="file-outline" size={25} color="black" />}
                        title="file_kedua.pdf"
                        titleWeight="normal"
                     />
                  </View>
               </View>
               {/* <ButtonForm
                  text="SIMPAN"
                  onPress={() => {
                     AlertKonfirmasi({
                        title: 'Konfirmasi',
                        desc: 'Apakah anda yakin ingin menambahkan data?',
                        onPress: () => {
                           ToastAndroid.show('Berhasil menambahkan data', ToastAndroid.SHORT)
                           router.push('/project/4324')
                        }
                     })
                  }} /> */}
            </View>
         </ScrollView>
      </SafeAreaView>
   )
}