upd: skeleton loading

Deskripsi:
- home
- list lembaga desa
- list jabatan
- list member
- detail member

No Issues

components/home/discussionHome.tsx

@@ -1,9 +1,11 @@
 import Styles from "@/constants/Styles";
 import { apiGetDataHome } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
+import { router } from "expo-router";
 import { useEffect, useState } from "react";
 import { Text, View } from "react-native";
 import DiscussionItem from "../discussionItem";
+import Skeleton from "../skeleton";
 
 type Props = {
    id: string
@@ -17,15 +19,19 @@ type Props = {
 export default function DisccussionHome() {
    const { decryptToken, token } = useAuthSession()
    const [data, setData] = useState<Props[]>([])
+   const [loading, setLoading] = useState(true)
 
 
    async function handleData() {
       try {
+         setLoading(true)
          const hasil = await decryptToken(String(token?.current))
          const response = await apiGetDataHome({ cat: "discussion", user: hasil })
          setData(response.data)
       } catch (error) {
          console.error(error)
+      } finally {
+         setLoading(false)
       }
    }
 
@@ -38,13 +44,19 @@ export default function DisccussionHome() {
          <Text style={[Styles.textDefaultSemiBold, Styles.mv10]}>Diskusi</Text>
          <View style={[Styles.wrapPaper]}>
             {
-               data.length > 0 ?
-                  data.map((item, index) => {
-                     return (
-                        <DiscussionItem key={index} title={item.desc} user={item.user} date={item.date} />
-                     )
-                  })
-                  : <Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada acara hari ini</Text>
+               loading ?
+                  <>
+                     <Skeleton width={100} height={70} borderRadius={10} widthType="percent" />
+                     <Skeleton width={100} height={70} borderRadius={10} widthType="percent" />
+                  </>
+                  :
+                  data.length > 0 ?
+                     data.map((item, index) => {
+                        return (
+                           <DiscussionItem key={index} title={item.desc} user={item.user} date={item.date} onPress={() => { router.push(`/division/${item.idDivision}/discussion/${item.id}`) }} />
+                        )
+                     })
+                     : <Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada diskusi</Text>
             }
          </View>
       </View>