From bcdc4122f8d75eb8b3a16235b60a5488cef5ab42 Mon Sep 17 00:00:00 2001
From: Izan Gil <66965250+SrIzan10@users.noreply.github.com>
Date: Sun, 5 Apr 2026 20:02:46 +0200
Subject: [PATCH] fix(ui): do not show not live 24/7 streamers
---
apps/web/src/components/app/Sidebar/Sidebar.tsx | 4 ++--
apps/web/src/components/app/StreamGrid/StreamGrid.tsx | 3 +--
2 files changed, 3 insertions(+), 4 deletions(-)
diff --git a/apps/web/src/components/app/Sidebar/Sidebar.tsx b/apps/web/src/components/app/Sidebar/Sidebar.tsx
index 30027e3..876e15f 100644
--- a/apps/web/src/components/app/Sidebar/Sidebar.tsx
+++ b/apps/web/src/components/app/Sidebar/Sidebar.tsx
@@ -25,9 +25,9 @@ export default function Sidebar({ ...props }: React.ComponentProps;
- const alwaysOnStreamers = stream?.filter((s) => s.channel.is247) || [];
+ const alwaysOnStreamers = stream?.filter((s) => s.isLive && s.channel.is247) || [];
const liveStreamers = stream?.filter((s) => s.isLive && !s.channel.is247) || [];
- const offlineStreamers = stream?.filter((s) => !s.isLive && !s.channel.is247) || [];
+ const offlineStreamers = stream?.filter((s) => !s.isLive) || [];
return (
diff --git a/apps/web/src/components/app/StreamGrid/StreamGrid.tsx b/apps/web/src/components/app/StreamGrid/StreamGrid.tsx
index 806e405..6cfc3de 100644
--- a/apps/web/src/components/app/StreamGrid/StreamGrid.tsx
+++ b/apps/web/src/components/app/StreamGrid/StreamGrid.tsx
@@ -25,7 +25,7 @@ export default function StreamGrid({ liveStreams, offlineStreams }: StreamGridPr
.filter((stream) => !stream.channel.is247)
.sort((a, b) => b.viewers - a.viewers);
const alwaysOnStreams = [...liveStreams, ...offlineStreams]
- .filter((stream) => stream.channel.is247)
+ .filter((stream) => stream.isLive && stream.channel.is247)
.sort((a, b) => {
if (a.isLive !== b.isLive) {
return Number(b.isLive) - Number(a.isLive);
@@ -38,7 +38,6 @@ export default function StreamGrid({ liveStreams, offlineStreams }: StreamGridPr
return a.channel.name.localeCompare(b.channel.name);
});
const sortedOfflineStreams = offlineStreams
- .filter((stream) => !stream.channel.is247)
.sort((a, b) => a.channel.name.localeCompare(b.channel.name));
const hasVisibleLiveStreams = sortedLiveStreams.length > 0 || alwaysOnStreams.some((stream) => stream.isLive);