From 8f83d91d253110ca61f71ab393fe54864ef0d03b Mon Sep 17 00:00:00 2001 From: "pramod.mahajan" Date: Fri, 7 Nov 2025 16:55:33 +0530 Subject: [PATCH] display all timeline logs inside expense --- src/components/Expenses/ExpenseStatusLogs.jsx | 11 +++-------- 1 file changed, 3 insertions(+), 8 deletions(-) diff --git a/src/components/Expenses/ExpenseStatusLogs.jsx b/src/components/Expenses/ExpenseStatusLogs.jsx index a93dfa14..d5014a8b 100644 --- a/src/components/Expenses/ExpenseStatusLogs.jsx +++ b/src/components/Expenses/ExpenseStatusLogs.jsx @@ -5,7 +5,7 @@ import Timeline from "../common/TimeLine"; import moment from "moment"; import { getColorNameFromHex } from "../../utils/appUtils"; const ExpenseStatusLogs = ({ data }) => { - const [visibleCount, setVisibleCount] = useState(4); + const sortedLogs = useMemo(() => { if (!data?.expenseLogs) return []; @@ -14,13 +14,8 @@ const ExpenseStatusLogs = ({ data }) => { ); }, [data?.expenseLogs]); - const logsToShow = useMemo( - () => sortedLogs.slice(0, visibleCount), - [sortedLogs, visibleCount] - ); - console.log(logsToShow); const timelineData = useMemo(() => { - return logsToShow.map((log, index) => ({ + return sortedLogs.map((log, index) => ({ id: index + 1, title: log.action || "Status Updated", description: log.comment || "", @@ -37,7 +32,7 @@ const ExpenseStatusLogs = ({ data }) => { ] : [], })); - }, [logsToShow]); + }, [sortedLogs]); const handleShowMore = () => { setVisibleCount((prev) => prev + 4);