From dd5ca10226f7a833545729ed79f1c285402224d2 Mon Sep 17 00:00:00 2001
From: Fred KISSIE <fredkiss3@gmail.com>
Date: Wed, 14 Jan 2026 00:35:35 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20empty=20data?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 messages/en-US.json             |  1 +
 src/components/ApprovalFeed.tsx | 14 ++++++--------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/messages/en-US.json b/messages/en-US.json
index e5cafc97..e6f9ffff 100644
--- a/messages/en-US.json
+++ b/messages/en-US.json
@@ -454,6 +454,7 @@
     "filterByResource": "Filter By Resource",
     "selectApprovalState": "Select Approval State",
     "filterByApprovalState": "Filter By Approval State",
+    "approvalListEmpty": "No approval yet at the moment",
     "approve": "Approve",
     "deny": "Deny",
     "viewDetails": "View Details",
diff --git a/src/components/ApprovalFeed.tsx b/src/components/ApprovalFeed.tsx
index 469762b4..20e05d90 100644
--- a/src/components/ApprovalFeed.tsx
+++ b/src/components/ApprovalFeed.tsx
@@ -110,17 +110,15 @@ export function ApprovalFeed({ orgId }: ApprovalFeedProps) {
                                 <li>
                                     <ApprovalRequest approval={approval} />
                                 </li>
-                                {/* <Separator /> */}
                                 {index < approvals.length - 1 && <Separator />}
-                                {/* <li>
-                                    <ApprovalRequest approval={approval} />
-                                </li>
-                                <Separator />
-                                <li>
-                                    <ApprovalRequest approval={approval} />
-                                </li> */}
                             </Fragment>
                         ))}
+
+                        {approvals.length === 0 && (
+                            <li className="flex justify-center items-center p-4 text-muted-foreground">
+                                {t("approvalListEmpty")}
+                            </li>
+                        )}
                     </ul>
                 </CardHeader>
             </Card>