From c5a3a80462db0cb431d70bf4b3f6f1e25bb69dcc Mon Sep 17 00:00:00 2001
From: amel <amel@amel.local>
Date: Mon, 16 Jun 2025 17:28:15 +0800
Subject: [PATCH] fix: home

Deskripsi:
- data kosong pada divisi home
- data kosong pada project home

No Issues
---
 components/home/divisionHome.tsx | 45 +++++++++---------
 components/home/projectHome.tsx  | 79 +++++++++++++++++---------------
 2 files changed, 65 insertions(+), 59 deletions(-)

diff --git a/components/home/divisionHome.tsx b/components/home/divisionHome.tsx
index 779b435..c2cd598 100644
--- a/components/home/divisionHome.tsx
+++ b/components/home/divisionHome.tsx
@@ -46,27 +46,30 @@ export default function DivisionHome() {
          {
             loading ? <Skeleton width={100} height={150} borderRadius={10} widthType="percent" />
                :
-               <Carousel
-                  ref={ref}
-                  style={{ width: "100%" }}
-                  width={width * 0.8}
-                  height={235}
-                  data={data}
-                  loop={true}
-                  autoPlay={false}
-                  autoPlayReverse={false}
-                  pagingEnabled={true}
-                  snapEnabled={true}
-                  vertical={false}
-                  renderItem={({ index }) => (
-                     <PaperGridContent onPress={() => { router.push(`/division/${data[index].id}`) }} content="carousel" title={data[index].name} headerColor="warning">
-                        <View>
-                           <Text style={{ fontSize: 50, textAlign: "center", fontWeight: 'bold' }}>{data[index].jumlah}</Text>
-                           <Text style={[Styles.textSubtitle, { textAlign: "center" }]}>KEGIATAN</Text>
-                        </View>
-                     </PaperGridContent>
-                  )}
-               />
+               data.length > 0 ?
+                  <Carousel
+                     ref={ref}
+                     style={{ width: "100%" }}
+                     width={width * 0.8}
+                     height={235}
+                     data={data}
+                     loop={true}
+                     autoPlay={false}
+                     autoPlayReverse={false}
+                     pagingEnabled={true}
+                     snapEnabled={true}
+                     vertical={false}
+                     renderItem={({ index }) => (
+                        <PaperGridContent onPress={() => { router.push(`/division/${data[index].id}`) }} content="carousel" title={data[index].name} headerColor="warning">
+                           <View>
+                              <Text style={{ fontSize: 50, textAlign: "center", fontWeight: 'bold' }}>{data[index].jumlah}</Text>
+                              <Text style={[Styles.textSubtitle, { textAlign: "center" }]}>KEGIATAN</Text>
+                           </View>
+                        </PaperGridContent>
+                     )}
+                  />
+                  :
+                  <Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada data</Text>
          }
 
       </View>
diff --git a/components/home/projectHome.tsx b/components/home/projectHome.tsx
index 46a6895..d3f3690 100644
--- a/components/home/projectHome.tsx
+++ b/components/home/projectHome.tsx
@@ -49,44 +49,47 @@ export default function ProjectHome() {
          {
             loading ? (<Skeleton width={100} height={150} borderRadius={10} widthType="percent" />)
                :
-               <Carousel
-                  ref={ref}
-                  style={{ width: "100%" }}
-                  width={width * 0.8}
-                  height={235}
-                  data={data}
-                  loop={true}
-                  autoPlay={false}
-                  autoPlayReverse={false}
-                  pagingEnabled={true}
-                  snapEnabled={true}
-                  vertical={false}
-                  renderItem={({ index }) => (
-                     <PaperGridContent content="carousel" onPress={() => { router.push(`/project/${data[index].id}`) }} title={data[index].title} headerColor="primary">
-                        <ProgressBar value={data[index].progress} category="carousel" />
-                        <View style={[Styles.rowSpaceBetween]}>
-                           <Text style={[Styles.textDefault, Styles.cGray]}>{data[index].createdAt}</Text>
-                           <LabelStatus
-                              size="default"
-                              category={
-                                 data[index].status === 0 ? 'primary' :
-                                    data[index].status === 1 ? 'warning' :
-                                       data[index].status === 2 ? 'success' :
-                                          data[index].status === 3 ? 'error' :
-                                             'primary'
-                              }
-                              text={
-                                 data[index].status === 0 ? 'SEGERA' :
-                                    data[index].status === 1 ? 'DIKERJAKAN' :
-                                       data[index].status === 2 ? 'SELESAI' :
-                                          data[index].status === 3 ? 'DIBATALKAN' :
-                                             'SEGERA'
-                              }
-                           />
-                        </View>
-                     </PaperGridContent>
-                  )}
-               />
+               data.length > 0 ?
+                  <Carousel
+                     ref={ref}
+                     style={{ width: "100%" }}
+                     width={width * 0.8}
+                     height={235}
+                     data={data}
+                     loop={true}
+                     autoPlay={false}
+                     autoPlayReverse={false}
+                     pagingEnabled={true}
+                     snapEnabled={true}
+                     vertical={false}
+                     renderItem={({ index }) => (
+                        <PaperGridContent content="carousel" onPress={() => { router.push(`/project/${data[index].id}`) }} title={data[index].title} headerColor="primary">
+                           <ProgressBar value={data[index].progress} category="carousel" />
+                           <View style={[Styles.rowSpaceBetween]}>
+                              <Text style={[Styles.textDefault, Styles.cGray]}>{data[index].createdAt}</Text>
+                              <LabelStatus
+                                 size="default"
+                                 category={
+                                    data[index].status === 0 ? 'primary' :
+                                       data[index].status === 1 ? 'warning' :
+                                          data[index].status === 2 ? 'success' :
+                                             data[index].status === 3 ? 'error' :
+                                                'primary'
+                                 }
+                                 text={
+                                    data[index].status === 0 ? 'SEGERA' :
+                                       data[index].status === 1 ? 'DIKERJAKAN' :
+                                          data[index].status === 2 ? 'SELESAI' :
+                                             data[index].status === 3 ? 'DIBATALKAN' :
+                                                'SEGERA'
+                                 }
+                              />
+                           </View>
+                        </PaperGridContent>
+                     )}
+                  />
+                  :
+                  <Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada data</Text>
          }
 
       </View>