pleb/flockstr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding uniqby

Browse Source
This commit is contained in:
zmeyer44 2023-11-01 17:07:11 -04:00
parent 309a25c2dc
commit d79ddf374e
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
app/(app)/explore/_sections/ExploreCalendars.tsx
View File

@ -4,14 +4,12 @@ import { cn } from "@/lib/utils";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { RiArrowRightLine } from "react-icons/ri"; import { RiArrowRightLine } from "react-icons/ri";
import useEvents from "@/lib/hooks/useEvents"; import useEvents from "@/lib/hooks/useEvents";
import useProfile from "@/lib/hooks/useProfile";
import { nip19 } from "nostr-tools"; import { nip19 } from "nostr-tools";
import { EXPLORE_CALENDARS } from "@/constants/app"; import { type NDKKind } from "@nostr-dev-kit/ndk";
import { getTagValues } from "@/lib/nostr/utils"; import { uniqBy } from "ramda";
import { NDKEvent, NDKKind, NDKUserProfile } from "@nostr-dev-kit/ndk";
import { useNDK } from "@nostr-dev-kit/ndk-react";
import CalendarCard, { LoadingCalendarCard } from "../_components/CalendarCard"; import CalendarCard, { LoadingCalendarCard } from "../_components/CalendarCard";
import { getTagValues } from "@/lib/nostr/utils";
export default function ExploreCalendars() { export default function ExploreCalendars() {
return ( return (
<section className="relative -mx-5 space-y-4 overflow-x-hidden sm:space-y-6"> <section className="relative -mx-5 space-y-4 overflow-x-hidden sm:space-y-6">
@ -39,14 +37,16 @@ function HorizontalCarousel() {
if (events.length) { if (events.length) {
return ( return (
<div className="scrollbar-thumb-rounded-full mr-auto flex min-w-0 max-w-full snap-x snap-mandatory overflow-x-auto pl-5 pr-[50vw] scrollbar-thin sm:pr-[200px]"> <div className="scrollbar-thumb-rounded-full mr-auto flex min-w-0 max-w-full snap-x snap-mandatory overflow-x-auto pl-5 pr-[50vw] scrollbar-thin sm:pr-[200px]">
{events.map((calendar, index) => ( {uniqBy((e) => getTagValues("title", e.tags), events).map(
<div (calendar, index) => (
key={calendar.id} <div
className={cn("snap-start pl-2 sm:pl-5", index === 0 && "pl-5")} key={calendar.id}
> className={cn("snap-start pl-2 sm:pl-5", index === 0 && "pl-5")}
<Calendar encodedEvent={calendar.encode()} /> >
</div> <Calendar encodedEvent={calendar.encode()} />
))} </div>
),
)}
</div> </div>
); );
} }