Dwinzo-Beta
/
Dwinzo_dev
4
0
Fork 3
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add useEffect to update selected tab based on the last log type

This commit is contained in:
Nalvazhuthi 2025-05-22 18:03:30 +05:30
parent 3dcff0976a
commit ac51f6f498
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/src/components/ui/log/LogList.tsx
View File

@ -1,5 +1,5 @@
// LogList.tsx // LogList.tsx
import React, { useState } from "react"; import React, { useEffect, useState } from "react";
import { LogListIcon, CloseIcon } from "../../icons/ExportCommonIcons"; // Adjust path as needed import { LogListIcon, CloseIcon } from "../../icons/ExportCommonIcons"; // Adjust path as needed
import { useLogger } from "./LoggerContext"; import { useLogger } from "./LoggerContext";
import { GetLogIcon } from "../../footer/getLogIcons"; import { GetLogIcon } from "../../footer/getLogIcons";
@ -17,6 +17,20 @@ const LogList: React.FC = () => {
? [...logs].reverse() ? [...logs].reverse()
: [...logs].filter((log) => log.type === selectedTab).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 ( return (
// eslint-disable-next-line // eslint-disable-next-line
<div <div