Kieran/zap.stream
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: cache since, dont dedupe by host

Browse Source
This commit is contained in:
verbiricha
2023-08-01 07:58:12 +02:00
parent 5026f6a008
commit 58c55f17b6
4 changed files with 32 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/pages/root.tsx
View File

@ -3,25 +3,26 @@ import type { NostrEvent } from "@snort/system";
import { VideoTile } from "element/video-tile";
import { useLogin } from "hooks/login";
import { getHost, getTagValues, dedupeByHost } from "utils";
import { getHost, getTagValues } from "utils";
import { useStreamsFeed } from "hooks/live-streams";
export function RootPage() {
const login = useLogin();
const { live, planned, ended } = useStreamsFeed();
const mutedHosts = getTagValues(login?.muted.tags ?? [], "p");
const mutedHosts = new Set(getTagValues(login?.muted.tags ?? [], "p"));
const followsHost = (ev: NostrEvent) => {
return login?.follows.tags?.find((t) => t.at(1) === getHost(ev));
};
const hashtags = getTagValues(login?.follows.tags ?? [], "t");
const following = dedupeByHost(live.filter(followsHost));
const liveNow = dedupeByHost(live.filter((e) => !following.includes(e)));
const following = live.filter(followsHost);
const liveNow = live.filter((e) => !following.includes(e));
const hasFollowingLive = following.length > 0;
const plannedEvents = planned
.filter((e) => !mutedHosts.includes(getHost(e)))
.filter((e) => !mutedHosts.has(getHost(e)))
.filter(followsHost);
const endedEvents = ended.filter((e) => !mutedHosts.has(getHost(e)));
return (
<div className="homepage">
@ -35,7 +36,7 @@ export function RootPage() {
{!hasFollowingLive && (
<div className="video-grid">
{live
.filter((e) => !mutedHosts.includes(getHost(e)))
.filter((e) => !mutedHosts.has(getHost(e)))
.map((e) => (
<VideoTile ev={e} key={e.id} />
))}
@ -46,7 +47,7 @@ export function RootPage() {
<h2 className="divider line one-line">#{t}</h2>
<div className="video-grid">
{live
.filter((e) => !mutedHosts.includes(getHost(e)))
.filter((e) => !mutedHosts.has(getHost(e)))
.filter((e) => {
const evTags = getTagValues(e.tags, "t");
return evTags.includes(t);
@ -62,7 +63,7 @@ export function RootPage() {
<h2 className="divider line one-line">Live</h2>
<div className="video-grid">
{liveNow
.filter((e) => !mutedHosts.includes(getHost(e)))
.filter((e) => !mutedHosts.has(getHost(e)))
.map((e) => (
<VideoTile ev={e} key={e.id} />
))}
@ -79,15 +80,13 @@ export function RootPage() {
</div>
</>
)}
{ended.length > 0 && (
{endedEvents.length > 0 && (
<>
<h2 className="divider line one-line">Ended</h2>
<div className="video-grid">
{ended
.filter((e) => !mutedHosts.includes(getHost(e)))
.map((e) => (
<VideoTile ev={e} key={e.id} />
))}
{endedEvents.map((e) => (
<VideoTile ev={e} key={e.id} />
))}
</div>
</>
)}