upd: project

Deskripsi:
- detail project
- batal project
- edit project
- tambah tugas project
- update status tugas project

No Issues'

components/project/sectionFile.tsx

@@ -0,0 +1,105 @@
+import Styles from "@/constants/Styles";
+import { apiGetProjectOne } from "@/lib/api";
+import { useAuthSession } from "@/providers/AuthProvider";
+import { Ionicons, MaterialCommunityIcons } from "@expo/vector-icons";
+import { useLocalSearchParams } from "expo-router";
+import { useEffect, useState } from "react";
+import { Text, ToastAndroid, View } from "react-native";
+import AlertKonfirmasi from "../alertKonfirmasi";
+import BorderBottomItem from "../borderBottomItem";
+import DrawerBottom from "../drawerBottom";
+import MenuItemRow from "../menuItemRow";
+
+type Props = {
+   id: string
+   name: string
+   extension: string
+   idStorage: string
+}
+
+export default function SectionFile() {
+   const [isModal, setModal] = useState(false)
+   const { token, decryptToken } = useAuthSession();
+   const { id } = useLocalSearchParams<{ id: string }>();
+   const [data, setData] = useState<Props[]>([]);
+
+   async function handleLoad() {
+      try {
+         const hasil = await decryptToken(String(token?.current));
+         const response = await apiGetProjectOne({
+            user: hasil,
+            cat: "file",
+            id: id,
+         });
+         setData(response.data);
+      } catch (error) {
+         console.error(error);
+      }
+   }
+
+   useEffect(() => {
+      handleLoad();
+   }, []);
+
+   return (
+      <>
+         <View style={[Styles.mb15]}>
+            <Text style={[Styles.textDefaultSemiBold, Styles.mv05]}>File</Text>
+            <View style={[Styles.wrapPaper]}>
+               {
+                  data.length > 0 ?
+                     data.map((item, index) => {
+                        return (
+                           <BorderBottomItem
+                              key={index}
+                              borderType="all"
+                              icon={<MaterialCommunityIcons name="file-outline" size={25} color="black" />}
+                              title={item.name + '.' + item.extension}
+                              titleWeight="normal"
+                              onPress={() => { setModal(true) }}
+                           />
+                        )
+                     })
+                     :
+                     <Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada file</Text>
+               }
+            </View>
+         </View>
+
+         <DrawerBottom animation="slide" isVisible={isModal} setVisible={setModal} title="Menu">
+            <View style={Styles.rowItemsCenter}>
+               <MenuItemRow
+                  icon={<MaterialCommunityIcons name="file-eye" color="black" size={25} />}
+                  title="Lihat File"
+                  onPress={() => {
+                     setModal(false)
+                  }}
+               />
+               <MenuItemRow
+                  icon={<MaterialCommunityIcons name="download" color="black" size={25} />}
+                  title="Download"
+                  onPress={() => {
+                     setModal(false)
+                  }}
+               />
+
+               <MenuItemRow
+                  icon={<Ionicons name="trash" color="black" size={25} />}
+                  title="Hapus"
+                  onPress={() => {
+                     AlertKonfirmasi({
+                        title: 'Konfirmasi',
+                        desc: 'Apakah Anda yakin ingin menghapus file ini? File yang dihapus tidak dapat dikembalikan',
+                        onPress: () => {
+                           setModal(false)
+                           ToastAndroid.show('Berhasil menghapus data', ToastAndroid.SHORT)
+                        }
+                     })
+
+                  }}
+               />
+            </View>
+         </DrawerBottom>
+      </>
+   )
+}