GitHub/trunk-server
1
0
Fork 0
mirror of https://github.com/openmhz/trunk-server.git synced 2026-11-13 09:17:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add "trending" category for systems with the most listeners

Browse Source
This commit is contained in:
noquinn
2024-07-11 04:55:11 -04:00
parent bb72f1e538
commit b39ee6b6df
2 changed files with 32 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/System/ListSystems.js
View File

@@ -21,6 +21,7 @@ import { useGetSystemsQuery, } from '../features/api/apiSlice'
import StateLinkList from "./StateLinkList";
import SystemsByState from "./SystemsByState";
import InternationList from "./InternationList";
import TrendingList from "./TrendingList";
// ----------------------------------------------------
const ListSystems = (props) => {
@@ -46,6 +47,10 @@ const ListSystems = (props) => {
}
}
let popularSystems = [];
if (isSuccess && systems.systems)
popularSystems = systems.systems.sort((a, b) => b.clientCount - a.clientCount).slice(0, 4);
const handleContactClick = (system) => {
setContactSystem(system);
setContactVisible(true);
@@ -54,6 +59,7 @@ const ListSystems = (props) => {
const stateList = StateLinkList(states);
const systemsByState = SystemsByState(states, handleContactClick);
const international = InternationList(other, handleContactClick);
const trending = TrendingList(popularSystems, handleContactClick);
return (
<div ref={contextRef}>
@@ -71,6 +77,7 @@ const ListSystems = (props) => {
</List.Content>
</List.Item>
</List>
{trending}
{systemsByState}
{international}
</Grid.Column>