upd: laporan kegiatan

Deskripsi
:
- tampilan list laporan pada project dan task divisi
- tampilan form update laporan pada project dan task divisi
- integrasi api update laporan pada project dan task divisi
- integrasi api view laporan pada project dan task divisi

NO Issues'

components/task/headerTaskDetail.tsx

@@ -101,7 +101,7 @@ export default function HeaderRightTaskDetail({ id, division, status }: Props) {
                :
                <ButtonMenuHeader onPress={() => { setVisible(true) }} />
          }
-         <DrawerBottom animation="slide" isVisible={isVisible} setVisible={setVisible} title="Menu">
+         <DrawerBottom animation="slide" isVisible={isVisible} setVisible={setVisible} title="Menu" height={30}>
             <View style={Styles.rowItemsCenter}>
                <MenuItemRow
                   icon={<AntDesign name="pluscircle" color="black" size={25} />}
@@ -137,31 +137,49 @@ export default function HeaderRightTaskDetail({ id, division, status }: Props) {
                   disabled={status == 3}
                />
             </View>
+            <View style={[Styles.rowItemsCenter, Styles.mt15]}>
+               <MenuItemRow
+                  icon={<MaterialCommunityIcons name="file-document" color="black" size={25} />}
+                  title="Laporan Kegiatan"
+                  onPress={() => {
+                     if (status == 3) return
+                     setVisible(false)
+                     router.push(`./${id}/report`)
+                  }}
+                  disabled={status == 3}
+               />
 
+               {
+                  ((entityUser.role != "user" && entityUser.role != "coadmin") || isAdminDivision)
+                  &&
+                  <>
+                     <MenuItemRow
+                        icon={<MaterialIcons name="groups" color="black" size={25} />}
+                        title="Tambah Anggota"
+                        onPress={() => {
+                           if (status == 3) return
+                           setVisible(false)
+                           router.push(`./${id}/add-member`)
+                        }}
+                        disabled={status == 3}
+                     />
+                     <MenuItemRow
+                        icon={<MaterialCommunityIcons name="pencil-outline" color="black" size={25} />}
+                        title="Edit"
+                        onPress={() => {
+                           if (status == 3) return
+                           setVisible(false)
+                           router.push(`./${id}/edit`)
+                        }}
+                        disabled={status == 3}
+                     />
+                  </>
+               }
+            </View>
             {
                ((entityUser.role != "user" && entityUser.role != "coadmin") || isAdminDivision)
                &&
                <View style={[Styles.rowItemsCenter, Styles.mt15]}>
-                  <MenuItemRow
-                     icon={<MaterialIcons name="groups" color="black" size={25} />}
-                     title="Tambah Anggota"
-                     onPress={() => {
-                        if (status == 3) return
-                        setVisible(false)
-                        router.push(`./${id}/add-member`)
-                     }}
-                     disabled={status == 3}
-                  />
-                  <MenuItemRow
-                     icon={<MaterialCommunityIcons name="pencil-outline" color="black" size={25} />}
-                     title="Edit"
-                     onPress={() => {
-                        if (status == 3) return
-                        setVisible(false)
-                        router.push(`./${id}/edit`)
-                     }}
-                     disabled={status == 3}
-                  />
                   {
                      status == 3
                         ?
@@ -190,7 +208,7 @@ export default function HeaderRightTaskDetail({ id, division, status }: Props) {
                   }
                </View>
             }
-         </DrawerBottom>
+         </DrawerBottom >
 
          <ModalFloat
             title="Tambah Link"

components/task/sectionReportTask.tsx

@@ -0,0 +1,53 @@
+import Styles from "@/constants/Styles";
+import { apiGetTaskOne } from "@/lib/api";
+import { useAuthSession } from "@/providers/AuthProvider";
+import { useLocalSearchParams } from "expo-router";
+import { useEffect, useState } from "react";
+import { View } from "react-native";
+import { useSelector } from "react-redux";
+import Text from "../Text";
+import TextExpandable from "../textExpandable";
+
+
+export default function SectionReportTask({ refreshing }: { refreshing: boolean }) {
+   const update = useSelector((state: any) => state.taskUpdate)
+   const { token, decryptToken } = useAuthSession()
+   const { id, detail } = useLocalSearchParams<{ id: string, detail: string }>();
+   const [data, setData] = useState('')
+
+   async function handleLoad() {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiGetTaskOne({ id: detail, user: hasil, cat: 'data' })
+         setData(response.data.report)
+      } catch (error) {
+         console.error(error)
+      }
+   }
+
+   useEffect(() => {
+      handleLoad()
+   }, [update.report])
+
+   useEffect(() => {
+      if (refreshing)
+         handleLoad();
+   }, [refreshing]);
+
+
+   return (
+      <>
+         {
+            data != "" && data != null &&
+            <View style={[Styles.mb15, Styles.mt10]}>
+               <Text style={[Styles.textDefaultSemiBold, Styles.mv05]}>
+                  Laporan Kegiatan
+               </Text>
+               <View style={[Styles.wrapPaper]}>
+                  <TextExpandable content={data} maxLines={2} />
+               </View>
+            </View>
+         }
+      </>
+   )
+}