diff --git a/app/src/components/ui/log/LogList.tsx b/app/src/components/ui/log/LogList.tsx index caaf957..10b1cc3 100644 --- a/app/src/components/ui/log/LogList.tsx +++ b/app/src/components/ui/log/LogList.tsx @@ -1,5 +1,5 @@ // LogList.tsx -import React, { useState } from "react"; +import React, { useEffect, useState } from "react"; import { LogListIcon, CloseIcon } from "../../icons/ExportCommonIcons"; // Adjust path as needed import { useLogger } from "./LoggerContext"; import { GetLogIcon } from "../../footer/getLogIcons"; @@ -17,6 +17,20 @@ const LogList: React.FC = () => { ? [...logs].reverse() : [...logs].filter((log) => log.type === selectedTab).reverse(); + useEffect(() => { + if (logs.length > 0) { + const lastLog = logs[logs.length - 1]; + const validTypes = ["all", "info", "warning", "error"]; + + if (validTypes.includes(lastLog.type)) { + console.log("lastLog.type: ", lastLog.type); + setSelectedTab(lastLog.type); + } else { + setSelectedTab("all"); + } + } + }, [logs]); + return ( // eslint-disable-next-line