From 50ec338d8a8367f3954d611dd806492d24e8a4c0 Mon Sep 17 00:00:00 2001
From: pramod mahajan <pramod.mahajan@marcoaiot.com>
Date: Mon, 18 Aug 2025 23:27:52 +0530
Subject: [PATCH] handle run time error

---
 src/components/Employee/EmpAttendance.jsx | 3 ++-
 src/components/Layout/Sidebar.jsx         | 9 +++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/Employee/EmpAttendance.jsx b/src/components/Employee/EmpAttendance.jsx
index d3cbe817..b8ff8b83 100644
--- a/src/components/Employee/EmpAttendance.jsx
+++ b/src/components/Employee/EmpAttendance.jsx
@@ -22,6 +22,7 @@ const EmpAttendance = ({ employee }) => {
     data = [],
     isLoading: loading,
     isFetching,
+    isError,
     error,
     refetch,
   } = useAttendanceByEmployee(employee, dateRange.startDate, dateRange.endDate);
@@ -145,7 +146,7 @@ const EmpAttendance = ({ employee }) => {
         </div>
         <div className="table-responsive text-nowrap">
           {!loading && data.length === 0 && <span>No employee logs</span>}
-          {error && <div className="text-center">{error}</div>}
+          {isError && <div className="text-center">{error.message}</div>}
           {loading && !data && <div className="text-center">Loading...</div>}
           {data && data.length > 0 && (
             <table className="table mb-0">
diff --git a/src/components/Layout/Sidebar.jsx b/src/components/Layout/Sidebar.jsx
index 2db04c8e..c6f16e61 100644
--- a/src/components/Layout/Sidebar.jsx
+++ b/src/components/Layout/Sidebar.jsx
@@ -7,7 +7,8 @@ import { MenuItemSkeleton } from "./MenuItemSkeleton";
 
 const Sidebar = () => {
   const navigate = useNavigate();
-  const { data, isError, isLoading, isFetched } = useSidBarMenu();
+  const { data, isError, isLoading, isFetched,error } = useSidBarMenu();
+  console.log(data)
   return (
     <aside
       id="layout-menu"
@@ -35,6 +36,10 @@ const Sidebar = () => {
       <div className="menu-inner-shadow"></div>
 
       <ul className="menu-inner py-1">
+
+        {isError && (
+          <div className="text-center text-small">{error.message}</div>
+        )}
         {isLoading && (
           <>
             {[...Array(7)].map((_, idx) => (
@@ -47,7 +52,7 @@ const Sidebar = () => {
           </>
         )}
         {data &&
-          data.map((section) => (
+          data?.data.map((section) => (
             <React.Fragment key={(Math.random() + 1).toString(36)}>
               {/* {section.header && (
               <li className="menu-header small text-uppercase">