YuuMJ1997/mihomo-party
1
0
Fork 0
mirror of https://gh.catmak.name/https://github.com/mihomo-party-org/mihomo-party synced 2026-04-12 23:50:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: use Virtuoso followOutput and always update logs state

Browse Source
This commit is contained in:
Memory 2026-03-09 22:44:27 +08:00 committed by GitHub
parent b9a7e04eee
commit 34fc4d2d96
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/renderer/src/pages/logs.tsx
View File

@ -46,7 +46,6 @@ const Logs: React.FC = () => {
const [trace, setTrace] = useState(true)
const virtuosoRef = useRef<VirtuosoHandle>(null)
const traceRef = useRef(trace)
const filteredLogs = useMemo(() => {
if (filter === '') return logs
@ -59,29 +58,10 @@ const Logs: React.FC = () => {
localStorage.setItem(LOGS_FILTER_KEY, filter)
}, [filter])
useEffect(() => {
traceRef.current = trace
if (trace) {
setLogs([...cachedLogs.log])
}
}, [trace])
useEffect(() => {
if (!trace) return
virtuosoRef.current?.scrollToIndex({
index: filteredLogs.length - 1,
behavior: 'smooth',
align: 'end',
offset: 0
})
}, [filteredLogs, trace])
useEffect(() => {
const old = cachedLogs.trigger
cachedLogs.trigger = (a): void => {
if (traceRef.current) {
setLogs([...a])
}
setLogs([...a])
}
return (): void => {
cachedLogs.trigger = old
@ -132,6 +112,8 @@ const Logs: React.FC = () => {
<Virtuoso
ref={virtuosoRef}
data={filteredLogs}
initialTopMostItemIndex={filteredLogs.length - 1}
followOutput={trace}
itemContent={(i, log) => (
<LogItem index={i} time={log.time} type={log.type} payload={log.payload} />
)}