From 047875ab707f9bc7dede240f2cd52bf24f7a6e8f Mon Sep 17 00:00:00 2001
From: amaliadwiy <iam.amaliadwi@gmail.com>
Date: Wed, 10 Jun 2026 15:18:20 +0800
Subject: [PATCH] feat: tambah empty state dengan ikon pada section tugas,
 dokumen, dan diskusi divisi

---
 .../division/discussionDivisionDetail.tsx     | 53 +++++++++----------
 components/division/fileDivisionDetail.tsx    |  5 +-
 components/division/taskDivisionDetail.tsx    |  7 ++-
 3 files changed, 35 insertions(+), 30 deletions(-)

diff --git a/components/division/discussionDivisionDetail.tsx b/components/division/discussionDivisionDetail.tsx
index 09c9121..2172b96 100644
--- a/components/division/discussionDivisionDetail.tsx
+++ b/components/division/discussionDivisionDetail.tsx
@@ -2,6 +2,7 @@ import Styles from "@/constants/Styles";
 import { apiGetDivisionOneFeature } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { useTheme } from "@/providers/ThemeProvider";
+import { MaterialCommunityIcons } from "@expo/vector-icons";
 import { router, useLocalSearchParams } from "expo-router";
 import { useEffect, useState } from "react";
 import { View } from "react-native";
@@ -54,33 +55,31 @@ export default function DiscussionDivisionDetail({ refreshing }: { refreshing: b
   return (
     <View style={[Styles.mb15]}>
       <Text style={[Styles.textDefaultSemiBold, Styles.mv10]}>Diskusi</Text>
-      <View style={[Styles.wrapPaper, { backgroundColor: colors.card, borderColor: colors.icon + '20' }, Styles.p0]}>
-        {
-          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) => (
-                <DiscussionItem
-                  key={index}
-                  title={item.desc}
-                  user={item.user}
-                  date={item.date}
-                  onPress={() => {
-                    router.push(`/division/${id}/discussion/${item.id}`);
-                  }}
-                />
-              ))
-            ) : (
-              <Text style={[Styles.textDefault, { textAlign: "center", color: colors.dimmed }]} >
-                Tidak ada diskusi
-              </Text>
-            )
-        }
-      </View>
+      {loading ? (
+        <View style={[Styles.wrapPaper, { backgroundColor: colors.card, borderColor: colors.icon + '20' }, Styles.p0]}>
+          <Skeleton width={100} height={70} borderRadius={10} widthType="percent" />
+          <Skeleton width={100} height={70} borderRadius={10} widthType="percent" />
+        </View>
+      ) : data.length > 0 ? (
+        <View style={[Styles.wrapPaper, { backgroundColor: colors.card, borderColor: colors.icon + '20' }, Styles.p0]}>
+          {data.map((item, index) => (
+            <DiscussionItem
+              key={index}
+              title={item.desc}
+              user={item.user}
+              date={item.date}
+              onPress={() => {
+                router.push(`/division/${id}/discussion/${item.id}`);
+              }}
+            />
+          ))}
+        </View>
+      ) : (
+        <View style={{ alignItems: 'center', paddingVertical: 16, gap: 6, opacity: 0.5 }}>
+          <MaterialCommunityIcons name="chat-outline" size={28} color={colors.dimmed} />
+          <Text style={[Styles.textDefault, { color: colors.dimmed }]}>Belum ada diskusi aktif</Text>
+        </View>
+      )}
     </View>
   );
 }
diff --git a/components/division/fileDivisionDetail.tsx b/components/division/fileDivisionDetail.tsx
index 44f041b..7835522 100644
--- a/components/division/fileDivisionDetail.tsx
+++ b/components/division/fileDivisionDetail.tsx
@@ -156,7 +156,10 @@ export default function FileDivisionDetail({ refreshing }: { refreshing: boolean
                })}
             </ScrollView>
          ) : (
-            <Text style={[Styles.textDefault, { textAlign: 'center', color: colors.dimmed }]}>Tidak ada file</Text>
+            <View style={{ alignItems: 'center', paddingVertical: 16, gap: 6, opacity: 0.5 }}>
+               <MaterialCommunityIcons name="file-document-outline" size={28} color={colors.dimmed} />
+               <Text style={[Styles.textDefault, { color: colors.dimmed }]}>Belum ada dokumen</Text>
+            </View>
          )}
 
          <ImageViewing
diff --git a/components/division/taskDivisionDetail.tsx b/components/division/taskDivisionDetail.tsx
index 915eadc..75b8e53 100644
--- a/components/division/taskDivisionDetail.tsx
+++ b/components/division/taskDivisionDetail.tsx
@@ -2,7 +2,7 @@ import Styles from "@/constants/Styles";
 import { apiGetDivisionOneFeature } from "@/lib/api";
 import { useAuthSession } from "@/providers/AuthProvider";
 import { useTheme } from "@/providers/ThemeProvider";
-import { Feather } from "@expo/vector-icons";
+import { Feather, MaterialCommunityIcons } from "@expo/vector-icons";
 import { router, useLocalSearchParams } from "expo-router";
 import React, { useEffect, useState } from "react";
 import { Dimensions, Pressable, View } from "react-native";
@@ -90,7 +90,10 @@ export default function TaskDivisionDetail({ refreshing }: { refreshing: boolean
                   //    )}
                   // />
                   :
-                  <Text style={[Styles.textDefault, { textAlign: 'center', color: colors.dimmed }]}>Tidak ada tugas</Text>
+                  <View style={{ alignItems: 'center', paddingVertical: 16, gap: 6, opacity: 0.5 }}>
+                     <MaterialCommunityIcons name="clipboard-check-outline" size={28} color={colors.dimmed} />
+                     <Text style={[Styles.textDefault, { color: colors.dimmed }]}>Tidak ada tugas hari ini</Text>
+                  </View>
          }
       </View>
    )