Mirrors/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-18 12:54:38 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix log population (#459)

Browse Source
This commit is contained in:
InfiniteTF
2020-04-13 03:49:23 +02:00
committed by GitHub
parent a5a264dcc2
commit 7cd682e59c
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
ui/v2.5/src/components/Settings/SettingsLogsPanel.tsx
View File

@@ -1,4 +1,4 @@
import React, { useState } from "react"; import React, { useEffect, useReducer, useState } from "react";
import { Form } from "react-bootstrap"; import { Form } from "react-bootstrap";
import * as GQL from "src/core/generated-graphql"; import * as GQL from "src/core/generated-graphql";
import { StashService } from "src/core/StashService"; import { StashService } from "src/core/StashService";
@@ -68,15 +68,24 @@ class LogEntry {
const MAX_LOG_ENTRIES = 200; const MAX_LOG_ENTRIES = 200;
const logLevels = ["Debug", "Info", "Warning", "Error"]; const logLevels = ["Debug", "Info", "Warning", "Error"];
const logReducer = (existingEntries:LogEntry[], newEntries:LogEntry[]) => (
[...newEntries.reverse(), ...existingEntries]
);
export const SettingsLogsPanel: React.FC = () => { export const SettingsLogsPanel: React.FC = () => {
const { data, error } = StashService.useLoggingSubscribe(); const { data, error } = StashService.useLoggingSubscribe();
const { data: existingData } = StashService.useLogs(); const { data: existingData } = StashService.useLogs();
const [currentData, dispatchLogUpdate] = useReducer(logReducer, []);
const [logLevel, setLogLevel] = useState<string>("Info"); const [logLevel, setLogLevel] = useState<string>("Info");
const oldData = (existingData?.logs ?? []).map((e) => new LogEntry(e));
const newData = (data?.loggingSubscribe ?? []).map((e) => new LogEntry(e));
const filteredLogEntries = [...newData.reverse(), ...oldData] useEffect(() => {
const newData = (data?.loggingSubscribe ?? []).map((e) => new LogEntry(e));
dispatchLogUpdate(newData)
}, [data]);
const oldData = (existingData?.logs ?? []).map((e) => new LogEntry(e));
const filteredLogEntries = [...currentData, ...oldData]
.filter(filterByLogLevel) .filter(filterByLogLevel)
.slice(0, MAX_LOG_ENTRIES); .slice(0, MAX_LOG_ENTRIES);