root/clash-verge-rev
1
0
Fork 0
mirror of https://github.com/clash-verge-rev/clash-verge-rev.git synced 2026-01-29 08:45:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add logger highlighting, support regular and case matching

Browse Source
This commit is contained in:
huzibaca
2024-11-19 04:10:10 +08:00
parent a7020fd46c
commit dca25637c9
3 changed files with 41 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/logs.tsx
View File

@@ -15,6 +15,7 @@ import LogItem from "@/components/log/log-item";
import { useTheme } from "@mui/material/styles";
import { BaseSearchBox } from "@/components/base/base-search-box";
import { BaseStyledSelect } from "@/components/base/base-styled-select";
import { SearchState } from "@/components/base/base-search-box";
const LogPage = () => {
const { t } = useTranslation();
@@ -27,7 +28,7 @@ const LogPage = () => {
);
const [match, setMatch] = useState(() => (_: string) => true);
const logData = useLogData(logLevel);
const [searchText, setSearchText] = useState("");
const [searchState, setSearchState] = useState<SearchState>();
const filterLogs = useMemo(() => {
return logData
@@ -96,7 +97,7 @@ const LogPage = () => {
<BaseSearchBox
onSearch={(matcher, state) => {
setMatch(() => matcher);
setSearchText(state.text);
setSearchState(state);
}}
/>
</Box>
@@ -114,7 +115,7 @@ const LogPage = () => {
initialTopMostItemIndex={999}
data={filterLogs}
itemContent={(index, item) => (
<LogItem value={item} searchText={searchText} />
<LogItem value={item} searchState={searchState} />
)}
followOutput={"smooth"}
/>