Austin/mihomo-party
1
0
Fork 0
mirror of https://github.com/pompurin404/mihomo-party.git synced 2024-11-16 11:42:19 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix closed connections update

Browse Source
This commit is contained in:
pompurin404 2024-09-25 09:02:54 +08:00
parent d681ed762d
commit ddcf370ffa
No known key found for this signature in database
1 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/renderer/src/pages/connections.tsx
View File

@ -67,15 +67,15 @@ const Connections: React.FC = () => {
})
}, [activeConnections, closedConnections, filter, connectionDirection, connectionOrderBy])
const closeAllConnections = () => {
const closeAllConnections = (): void => {
tab === 'active' ? mihomoCloseAllConnections() : trashAllClosedConnection()
}
const closeConnection = (id: string) => {
const closeConnection = (id: string): void => {
tab === 'active' ? mihomoCloseConnection(id) : trashClosedConnection(id)
}
const trashAllClosedConnection = () => {
const trashAllClosedConnection = (): void => {
const trashIds = closedConnections.map((conn) => conn.id)
setAllConnections((allConns) => allConns.filter((conn) => !trashIds.includes(conn.id)))
setClosedConnections([])
@ -83,7 +83,7 @@ const Connections: React.FC = () => {
cachedConnections = allConnections
}
const trashClosedConnection = (id: string) => {
const trashClosedConnection = (id: string): void => {
setAllConnections((allConns) => allConns.filter((conn) => conn.id != id))
setClosedConnections((closedConns) => closedConns.filter((conn) => conn.id != id))
@ -95,7 +95,7 @@ const Connections: React.FC = () => {
setConnectionsInfo(info)
if (!info.connections) return
const allConns = unionWith(allConnections, activeConnections, (a, b) => a.id === b.id)
const allConns = unionWith(activeConnections, allConnections, (a, b) => a.id === b.id)
const activeConns = info.connections.map((conn) => {
const preConn = activeConnections.find((c) => c.id === conn.id)
@ -105,17 +105,19 @@ const Connections: React.FC = () => {
...conn,
isActive: true,
downloadSpeed: downloadSpeed,
uploadSpeed: uploadSpeed,
uploadSpeed: uploadSpeed
}
})
const closedConns = differenceWith(allConns, activeConns, (a, b) => a.id === b.id).map((conn) => {
return {
...conn,
isActive: false,
downloadSpeed: 0,
uploadSpeed: 0,
const closedConns = differenceWith(allConns, activeConns, (a, b) => a.id === b.id).map(
(conn) => {
return {
...conn,
isActive: false,
downloadSpeed: 0,
uploadSpeed: 0
}
}
})
)
setActiveConnections(activeConns)
setClosedConnections(closedConns)
@ -165,7 +167,7 @@ const Connections: React.FC = () => {
}
}}
>
{tab === 'active' ? (<CgClose className="text-lg"/>) : (<CgTrash className="text-lg"/>)}
{tab === 'active' ? <CgClose className="text-lg" /> : <CgTrash className="text-lg" />}
</Button>
</Badge>
</div>
@ -176,9 +178,9 @@ const Connections: React.FC = () => {
)}
<div className="overflow-x-auto sticky top-0 z-40">
<div className="flex p-2 gap-2">
<Tabs
<Tabs
size="sm"
color={`${tab === 'active' ? "primary" : "danger" }`}
color={`${tab === 'active' ? 'primary' : 'danger'}`}
selectedKey={tab}
variant="underlined"
className="w-fit h-[32px]"
@ -190,12 +192,12 @@ const Connections: React.FC = () => {
key="active"
title={
<Badge
color={`${tab === 'active' ? "primary" : "default"}`}
color={`${tab === 'active' ? 'primary' : 'default'}`}
size="sm"
shape="circle"
variant="flat"
content={activeConnections.length}
showOutline={false}
showOutline={false}
>
<span className="p-1">活动中</span>
</Badge>
@ -205,12 +207,12 @@ const Connections: React.FC = () => {
key="closed"
title={
<Badge
color={`${tab === 'closed' ? "danger" : "default"}`}
color={`${tab === 'closed' ? 'danger' : 'default'}`}
size="sm"
shape="circle"
variant="flat"
content={closedConnections.length}
showOutline={false}
showOutline={false}
>
<span className="p-1">已关闭</span>
</Badge>