upd: skeleton

Deskripsi:
- divisi
- detail divisi
- informasi divisi
- calender list
- calender detail
- history
- diskusi list
- detail diskusi
- list task divisi

NO Issuese

app/(application)/division/[id]/(fitur-division)/calendar/history.tsx

@@ -1,6 +1,7 @@
 import ButtonBackHeader from "@/components/buttonBackHeader";
 import ItemHistoryEvent from "@/components/calendar/itemHistoryEvent";
 import InputSearch from "@/components/inputSearch";
+import Skeleton from "@/components/skeleton";
 import Styles from "@/constants/Styles";
 import { apiGetCalendarHistory } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
@@ -10,7 +11,7 @@ import { SafeAreaView, ScrollView, View } from "react-native";
 
 type Props = {
    dateStart: Date
-   year:string
+   year: string
    data: []
 }
 export default function CalendarHistory() {
@@ -18,14 +19,19 @@ export default function CalendarHistory() {
    const { token, decryptToken } = useAuthSession();
    const [data, setData] = useState<Props[]>([])
    const [search, setSearch] = useState('')
+   const [loading, setLoading] = useState(true)
+   const arrSkeleton = Array.from({ length: 5 })
 
    async function handleLoad() {
       try {
+         setLoading(true)
          const hasil = await decryptToken(String(token?.current));
          const response = await apiGetCalendarHistory({ user: hasil, search: search, division: id });
          setData(response.data);
       } catch (error) {
          console.error(error);
+      } finally {
+         setLoading(false)
       }
    }
 
@@ -45,7 +51,15 @@ export default function CalendarHistory() {
          <ScrollView>
             <View style={[Styles.p15]}>
                <InputSearch onChange={(val) => setSearch(val)} />
-               <ItemHistoryEvent data={data} />
+               {
+                  loading ?
+                     arrSkeleton.map((item, index) => (
+                        <Skeleton key={index} width={100} height={60} widthType="percent" borderRadius={10} />
+                     ))
+                     :
+                     <ItemHistoryEvent data={data} />
+               }
+
             </View>
          </ScrollView>
       </SafeAreaView>