From d79ddf374e7dab4f35baaa7ac81710c7c73650e5 Mon Sep 17 00:00:00 2001
From: zmeyer44 <zmmeyer44@gmail.com>
Date: Wed, 1 Nov 2023 17:07:11 -0400
Subject: [PATCH] adding uniqby

---
 .../explore/_sections/ExploreCalendars.tsx    | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/app/(app)/explore/_sections/ExploreCalendars.tsx b/app/(app)/explore/_sections/ExploreCalendars.tsx
index e10a25d..b505432 100644
--- a/app/(app)/explore/_sections/ExploreCalendars.tsx
+++ b/app/(app)/explore/_sections/ExploreCalendars.tsx
@@ -4,14 +4,12 @@ import { cn } from "@/lib/utils";
 import { Button } from "@/components/ui/button";
 import { RiArrowRightLine } from "react-icons/ri";
 import useEvents from "@/lib/hooks/useEvents";
-import useProfile from "@/lib/hooks/useProfile";
 import { nip19 } from "nostr-tools";
-import { EXPLORE_CALENDARS } from "@/constants/app";
-import { getTagValues } from "@/lib/nostr/utils";
-import { NDKEvent, NDKKind, NDKUserProfile } from "@nostr-dev-kit/ndk";
-import { useNDK } from "@nostr-dev-kit/ndk-react";
+import { type NDKKind } from "@nostr-dev-kit/ndk";
+import { uniqBy } from "ramda";
 
 import CalendarCard, { LoadingCalendarCard } from "../_components/CalendarCard";
+import { getTagValues } from "@/lib/nostr/utils";
 export default function ExploreCalendars() {
   return (
     <section className="relative -mx-5 space-y-4 overflow-x-hidden sm:space-y-6">
@@ -39,14 +37,16 @@ function HorizontalCarousel() {
   if (events.length) {
     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]">
-        {events.map((calendar, index) => (
-          <div
-            key={calendar.id}
-            className={cn("snap-start pl-2 sm:pl-5", index === 0 && "pl-5")}
-          >
-            <Calendar encodedEvent={calendar.encode()} />
-          </div>
-        ))}
+        {uniqBy((e) => getTagValues("title", e.tags), events).map(
+          (calendar, index) => (
+            <div
+              key={calendar.id}
+              className={cn("snap-start pl-2 sm:pl-5", index === 0 && "pl-5")}
+            >
+              <Calendar encodedEvent={calendar.encode()} />
+            </div>
+          ),
+        )}
       </div>
     );
   }