+
+ {createdEvents.length}
+ Total Events
-
-
+
+
{createdEvents.filter((event) => {
const startTag = event.tags.find((t) => t[0] === "start")?.[1];
if (!startTag) return false;
@@ -304,7 +322,34 @@ export function Profile() {
}
}).length}
- Current Events
+ Current Events
+
+
+ {isLoadingRSVPs ? (
+
+ {rsvps.filter(r => r.tags.find(t => t[0] === "status")?.[1] === "accepted").length}
+
+ )}
+ Attending
+
+
+ {isLoadingReceivedRsvps ? (
+
+ {
+ // Filter down to accepted RSVPs and get unique pubkeys
+ Array.from(new Set(
+ receivedRsvps
+ .filter(r => r.tags.find(t => t[0] === "status")?.[1] === "accepted")
+ .map(r => r.pubkey)
+ )).length
+ }
+
+ )}
+ Total Attendees
)}
From 33fe1b79e42048e6a829031b042f95d6af55b365 Mon Sep 17 00:00:00 2001
From: Mnpezz <93685835+Mnpezz@users.noreply.github.com>
Date: Mon, 23 Feb 2026 08:22:02 -0600
Subject: [PATCH 08/42] Update stats card
---
src/pages/Home.tsx | 23 +++++++++++++++++++----
1 file changed, 19 insertions(+), 4 deletions(-)
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 659152b..d5a85bb 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,5 +1,7 @@
import { useEvents } from "@/lib/eventUtils";
import { useMuteList } from "@/hooks/useMuteList";
+import { useNostr } from "@nostrify/react";
+import { useQuery } from "@tanstack/react-query";
import { useAuthorsMetadata } from "@/hooks/useAuthorsMetadata";
import {
Card,
@@ -59,10 +61,23 @@ export function Home() {
// State for client-side pagination in grid view
const [displayedEventCount, setDisplayedEventCount] = useState(50);
+ const { nostr } = useNostr();
+ const { data: globalRsvps = [] } = useQuery({
+ queryKey: ["globalTotalRsvps"],
+ queryFn: async ({ signal }) => {
+ const events = await nostr.query(
+ [{ kinds: [31925], limit: 5000 }],
+ { signal: AbortSignal.any([signal, AbortSignal.timeout(5000)]) }
+ );
+ return events;
+ },
+ staleTime: 60000,
+ });
+
const allEvents = useMemo(() => allEventsData || [], [allEventsData]);
const totalRSVPs = useMemo(() => {
- return allEvents.filter(e => e.kind === 31925 && e.tags.find(t => t[0] === "status")?.[1] === "accepted").length;
- }, [allEvents]);
+ return globalRsvps.filter((e: any) => e.tags.find((t: any) => t[0] === "status")?.[1] === "accepted").length;
+ }, [globalRsvps]);
// Get unique pubkeys from all events for metadata lookup
const uniquePubkeys = useMemo(() => {
@@ -958,8 +973,8 @@ export function Home() {
{/* Attendee count (show for any count, but with different styling) */}
{attendeeCount > 0 && (
5
- ? 'bg-green-50 dark:bg-green-950/20 border-green-200 dark:border-green-800'
- : 'bg-blue-50 dark:bg-blue-950/20 border-blue-200 dark:border-blue-800'
+ ? 'bg-green-50 dark:bg-green-950/20 border-green-200 dark:border-green-800'
+ : 'bg-blue-50 dark:bg-blue-950/20 border-blue-200 dark:border-blue-800'
}`}>
5 ? 'text-green-600 dark:text-green-400' : 'text-blue-600 dark:text-blue-400'}`}>👥
5 ? 'text-green-800 dark:text-green-200' : 'text-blue-800 dark:text-blue-200'}`}>
From 57101360ec2227307cf781d659d1f15a2f7f842e Mon Sep 17 00:00:00 2001
From: Mnpezz <93685835+Mnpezz@users.noreply.github.com>
Date: Mon, 23 Feb 2026 08:37:22 -0600
Subject: [PATCH 09/42] stats card -
---
src/pages/Home.tsx | 8 ++++++--
1 file changed, 6 insertions(+), 2 deletions(-)
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index d5a85bb..05ab605 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -62,7 +62,7 @@ export function Home() {
const [displayedEventCount, setDisplayedEventCount] = useState(50);
const { nostr } = useNostr();
- const { data: globalRsvps = [] } = useQuery({
+ const { data: globalRsvps = [], isLoading: isLoadingGlobalRsvps } = useQuery({
queryKey: ["globalTotalRsvps"],
queryFn: async ({ signal }) => {
const events = await nostr.query(
@@ -550,7 +550,11 @@ export function Home() {
- {totalRSVPs}
+ {isLoadingGlobalRsvps ? (
+ -
+ ) : (
+ totalRSVPs
+ )}
Total RSVPs
From f64b75c119e7d65d0ab44362670440a5bf47fef4 Mon Sep 17 00:00:00 2001
From: Mnpezz <93685835+Mnpezz@users.noreply.github.com>
Date: Mon, 23 Feb 2026 09:48:42 -0600
Subject: [PATCH 10/42] group cal
---
src/components/CalendarOptions.tsx | 154 +++++++++++++++++------------
1 file changed, 93 insertions(+), 61 deletions(-)
diff --git a/src/components/CalendarOptions.tsx b/src/components/CalendarOptions.tsx
index 24fe412..726a166 100644
--- a/src/components/CalendarOptions.tsx
+++ b/src/components/CalendarOptions.tsx
@@ -6,8 +6,11 @@ import {
DropdownMenuItem,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
-import { Calendar, Download, ExternalLink } from "lucide-react";
+import { Calendar, Download, ExternalLink, CalendarDays } from "lucide-react";
import { downloadICS, openInCalendar, getCalendarOptions } from "@/lib/icsExport";
+import { createEventIdentifier } from "@/lib/nip19Utils";
+import { AddToGroupCalendarDialog } from "./AddToGroupCalendarDialog";
+import { useCurrentUser } from "@/hooks/useCurrentUser";
import type { DateBasedEvent, TimeBasedEvent, LiveEvent, RoomMeeting } from "@/lib/eventTypes";
interface CalendarOptionsProps {
@@ -17,6 +20,8 @@ interface CalendarOptionsProps {
export function CalendarOptions({ event, className }: CalendarOptionsProps) {
const [isOpen, setIsOpen] = useState(false);
+ const [groupCalendarDialogOpen, setGroupCalendarDialogOpen] = useState(false);
+ const { user } = useCurrentUser();
const handleQuickAdd = () => {
try {
@@ -44,70 +49,97 @@ export function CalendarOptions({ event, className }: CalendarOptionsProps) {
}
};
+ const isReplaceable = event.kind >= 30000 && event.kind < 40000;
+ const dTag = event.tags.find(t => t[0] === 'd')?.[1];
+ const eventCoordinate = isReplaceable && dTag ? `${event.kind}:${event.pubkey}:${dTag}` : event.id;
+
return (
-
-
-
- Add to Calendar
- Calendar
-
-
-
-
-
-
-
-
- handleCalendarProvider('google')} className="cursor-pointer">
-
-
-
G
+ <>
+
+
+
+ Add to Calendar
+ Calendar
+
+
+
+
+
+
+ {user && (
+ {
+ setIsOpen(false);
+ setGroupCalendarDialogOpen(true);
+ }}
+ className="cursor-pointer font-semibold text-primary"
+ >
+
+ )}
+
+
+
+ handleCalendarProvider('google')} className="cursor-pointer">
+
+
+ G
+
+ Google Calendar
-
-
-
handleCalendarProvider('outlook')} className="cursor-pointer">
-
-
-
O
+
+
+
handleCalendarProvider('outlook')} className="cursor-pointer">
+
+
+ O
+
+ Outlook Calendar
-
-
-
handleCalendarProvider('yahoo')} className="cursor-pointer">
-
-
-
Y
+
+
+
handleCalendarProvider('yahoo')} className="cursor-pointer">
+
- Yahoo Calendar
-
-
-
-
handleCalendarProvider('apple')} className="cursor-pointer">
-
-
-
🍎
+
+
+
handleCalendarProvider('apple')} className="cursor-pointer">
+
- Apple Calendar
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+ {user && (
+
+ )}
+
);
}
From 7a07f039c27b890f897a22d66220ceab3cd2a315 Mon Sep 17 00:00:00 2001
From: Mnpezz <93685835+Mnpezz@users.noreply.github.com>
Date: Mon, 23 Feb 2026 09:49:32 -0600
Subject: [PATCH 11/42] group cal
---
src/components/AddToGroupCalendarDialog.tsx | 156 ++++++++++++++++++++
1 file changed, 156 insertions(+)
create mode 100644 src/components/AddToGroupCalendarDialog.tsx
diff --git a/src/components/AddToGroupCalendarDialog.tsx b/src/components/AddToGroupCalendarDialog.tsx
new file mode 100644
index 0000000..7dd72c7
--- /dev/null
+++ b/src/components/AddToGroupCalendarDialog.tsx
@@ -0,0 +1,156 @@
+import { useState } from "react";
+import { useQueryClient } from "@tanstack/react-query";
+import { useNostr } from "@/hooks/useNostr";
+import { useCurrentUser } from "@/hooks/useCurrentUser";
+import { useNostrPublish } from "@/hooks/useNostrPublish";
+import { useUserCalendars, addEventToCalendar, removeEventFromCalendar, createCoordinate } from "@/lib/calendarUtils";
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogHeader,
+ DialogTitle,
+} from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { toast } from "sonner";
+import { CalendarDays, Loader2, Plus, Check, Minus } from "lucide-react";
+import { Link } from "react-router-dom";
+
+export interface AddToGroupCalendarDialogProps {
+ open: boolean;
+ onOpenChange: (open: boolean) => void;
+ eventCoordinate: string; // The NIP-19 naddr, nevent, or raw id/coord to be added
+}
+
+export function AddToGroupCalendarDialog({ open, onOpenChange, eventCoordinate }: AddToGroupCalendarDialogProps) {
+ const { nostr } = useNostr();
+ const { user } = useCurrentUser();
+ const { data: userCalendars = [], isLoading: isLoadingCalendars } = useUserCalendars(user?.pubkey);
+ const { mutate: createEvent } = useNostrPublish();
+ const queryClient = useQueryClient();
+
+ const [processingId, setProcessingId] = useState
(null);
+ const [localStatus, setLocalStatus] = useState>({});
+
+ const handleToggleCalendar = async (calendarCoordinate: string, currentlyAdded: boolean) => {
+ if (!nostr || !user) return;
+
+ setProcessingId(calendarCoordinate);
+
+ try {
+ if (currentlyAdded) {
+ await removeEventFromCalendar(nostr, createEvent, calendarCoordinate, eventCoordinate);
+ setLocalStatus(prev => ({ ...prev, [calendarCoordinate]: false }));
+ toast.info("Event removed from calendar.");
+ } else {
+ await addEventToCalendar(nostr, createEvent, calendarCoordinate, eventCoordinate);
+ setLocalStatus(prev => ({ ...prev, [calendarCoordinate]: true }));
+ toast.success("Event added to calendar!");
+ }
+
+ // Invalidate the specific calendar query so it refreshes its event list
+ queryClient.invalidateQueries({ queryKey: ['calendarEvents', calendarCoordinate] });
+ queryClient.invalidateQueries({ queryKey: ['calendars'] }); // Update the calendar map
+
+ } catch (error: any) {
+ if (error.message === "Event is already in this calendar") {
+ toast.info(error.message);
+ setLocalStatus(prev => ({ ...prev, [calendarCoordinate]: true }));
+ } else if (error.message === "Event is not in this calendar") {
+ toast.info(error.message);
+ setLocalStatus(prev => ({ ...prev, [calendarCoordinate]: false }));
+ } else {
+ console.error("Failed to modify calendar:", error);
+ toast.error(error.message || "Failed to modify calendar");
+ }
+ } finally {
+ setProcessingId(null);
+ }
+ };
+
+ return (
+
+
+
+
+
+ Add to Group Calendar
+
+ Feature this event on one of your community calendars.
+
+
+
+ {isLoadingCalendars ? (
+
+
+
Loading your calendars...
+
+
+
No Calendars Found
+
You haven't created any group calendars yet.
+
+
+
+ {userCalendars.map((cal) => {
+ const calendarCoordinate = createCoordinate(31924, cal.pubkey, cal.d);
+ const isProcessing = processingId === calendarCoordinate;
+ // Check local overrides first, otherwise fall back to fetched calendar states.
+ const isAdded = localStatus[calendarCoordinate] ?? cal.events.includes(eventCoordinate);
+
+ return (
+
+
+
+
+
+
+
handleToggleCalendar(calendarCoordinate, isAdded)}
+ >
+ {isProcessing ? (
+
+ Added
+ Remove
+
+ ) : (
+ <>
+
+ );
+ })}
+
+
+ );
+}
From c818a4912df74c36ffec21b452f6dcd8f13e4b8c Mon Sep 17 00:00:00 2001
From: Mnpezz <93685835+Mnpezz@users.noreply.github.com>
Date: Mon, 23 Feb 2026 09:50:22 -0600
Subject: [PATCH 12/42] group cal
---
src/pages/CreateEvent.tsx | 68 ++++++++++++++++++++++++++++-----------
1 file changed, 50 insertions(+), 18 deletions(-)
diff --git a/src/pages/CreateEvent.tsx b/src/pages/CreateEvent.tsx
index 6b630de..3fcda5a 100644
--- a/src/pages/CreateEvent.tsx
+++ b/src/pages/CreateEvent.tsx
@@ -30,8 +30,8 @@ import {
} from "@/lib/eventTimezone";
import { encodeGeohash } from "@/lib/geolocation";
import { generateRecurringEventDates } from "@/lib/recurringEventUtils";
-import { PartyPopper, Target, FileText, Calendar as CalendarIcon, Flag, Clock, Globe, Rocket } from "lucide-react";
-
+import { useUserCalendars, createCoordinate } from "@/lib/calendarUtils";
+import { PartyPopper, Target, FileText, Calendar as CalendarIcon, Flag, Clock, Globe, Rocket, CalendarDays } from "lucide-react";
export function CreateEvent() {
const navigate = useNavigate();
const { user } = useCurrentUser();
@@ -53,6 +53,7 @@ export function CreateEvent() {
endDate: "",
endTime: "",
imageUrl: "",
+ selectedCalendarCoordinate: "",
categories: [] as EventCategory[],
ticketInfo: {
enabled: false,
@@ -77,7 +78,7 @@ export function CreateEvent() {
} as EventbriteRecurringConfig,
});
-
+ const { data: userCalendars = [], isLoading: isLoadingCalendars } = useUserCalendars(user?.pubkey);
const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault();
@@ -151,8 +152,8 @@ export function CreateEvent() {
// Use Eventbrite-style config
const recurringConfig = {
enabled: true,
- pattern: (formData.eventbriteRecurringConfig.repeatUnit === 'day' ? 'daily' :
- formData.eventbriteRecurringConfig.repeatUnit === 'week' ? 'weekly' : 'monthly') as 'daily' | 'weekly' | 'monthly',
+ pattern: (formData.eventbriteRecurringConfig.repeatUnit === 'day' ? 'daily' :
+ formData.eventbriteRecurringConfig.repeatUnit === 'week' ? 'weekly' : 'monthly') as 'daily' | 'weekly' | 'monthly',
interval: formData.eventbriteRecurringConfig.repeatEvery,
maxOccurrences: formData.eventbriteRecurringConfig.maxOccurrences || 6,
weeklyDays: formData.eventbriteRecurringConfig.repeatOnDays,
@@ -162,7 +163,7 @@ export function CreateEvent() {
} : undefined,
timeMode: formData.eventbriteRecurringConfig.timeMode,
};
-
+
eventDates = generateRecurringEventDates(
formData.startDate,
formData.endDate,
@@ -179,7 +180,7 @@ export function CreateEvent() {
maxOccurrences: 1,
timeMode: 'single' as const,
};
-
+
eventDates = generateRecurringEventDates(
formData.startDate,
formData.endDate,
@@ -236,7 +237,7 @@ export function CreateEvent() {
// Create a unique identifier for the event
const uniqueId = formData.title.toLowerCase().replace(/\s+/g, "-") + "-" + Date.now() + "-" + index;
-
+
const tags = [
["d", uniqueId], // Unique identifier
["title", formData.title],
@@ -253,11 +254,11 @@ export function CreateEvent() {
9 // 9 characters gives ~4.8m precision
);
tags.push(["g", geohash]);
-
+
// Also store raw coordinates for backwards compatibility
tags.push(["lat", formData.locationDetails.lat.toString()]);
tags.push(["lon", formData.locationDetails.lng.toString()]);
-
+
if (formData.locationDetails.placeId) {
tags.push(["place_id", formData.locationDetails.placeId]);
}
@@ -286,6 +287,11 @@ export function CreateEvent() {
tags.push(["image", formData.imageUrl]);
}
+ // Associate with Calendar if selected
+ if (formData.selectedCalendarCoordinate) {
+ tags.push(["a", formData.selectedCalendarCoordinate]);
+ }
+
// Add categories as 't' tags if provided
if (formData.categories.length > 0) {
for (const category of formData.categories) {
@@ -318,7 +324,7 @@ export function CreateEvent() {
// Wait for all events to be created
const results = await Promise.allSettled(createEventPromises);
-
+
const successful = results.filter(result => result.status === 'fulfilled').length;
const failed = results.filter(result => result.status === 'rejected').length;
@@ -328,17 +334,17 @@ export function CreateEvent() {
} else {
toast.success("Event created successfully! It should appear on the home page shortly.");
}
-
+
if (failed > 0) {
toast.warning(`${failed} events failed to create. Please try again.`);
}
-
+
// Navigate back to home page where the user can see their new events
navigate("/");
} else {
toast.error("Failed to create events. Please try again.");
}
-
+
setIsSubmitting(false);
} catch (error) {
toast.error("Failed to create event");
@@ -440,6 +446,32 @@ export function CreateEvent() {
}
/>
+ {userCalendars.length > 0 && (
+
+
+
+
+ setFormData((prev) => ({ ...prev, selectedCalendarCoordinate: value === "none" ? "" : value }))
+ }
+ >
+
+
+
+ None
+ {userCalendars.map((cal) => (
+
+ {cal.title}
+
+ ))}
+
+
+
+ )}
+
@@ -617,8 +649,8 @@ export function CreateEvent() {
timezone={formData.timezone}
recurringConfig={{
enabled: true,
- pattern: formData.eventbriteRecurringConfig.repeatUnit === 'day' ? 'daily' :
- formData.eventbriteRecurringConfig.repeatUnit === 'week' ? 'weekly' : 'monthly',
+ pattern: formData.eventbriteRecurringConfig.repeatUnit === 'day' ? 'daily' :
+ formData.eventbriteRecurringConfig.repeatUnit === 'week' ? 'weekly' : 'monthly',
interval: formData.eventbriteRecurringConfig.repeatEvery,
maxOccurrences: formData.eventbriteRecurringConfig.maxOccurrences || 6,
weeklyDays: formData.eventbriteRecurringConfig.repeatOnDays,
@@ -632,8 +664,8 @@ export function CreateEvent() {
)}
-
From 6683efddc76d27f4043fce30bdac3e8f364f52f1 Mon Sep 17 00:00:00 2001
From: Mnpezz <93685835+Mnpezz@users.noreply.github.com>
Date: Mon, 23 Feb 2026 09:51:12 -0600
Subject: [PATCH 13/42] group cal
---
src/pages/Profile.tsx | 70 +++++++++++++++++++++++++++++++++++++++++--
1 file changed, 68 insertions(+), 2 deletions(-)
diff --git a/src/pages/Profile.tsx b/src/pages/Profile.tsx
index ae2c2fc..a15d90c 100644
--- a/src/pages/Profile.tsx
+++ b/src/pages/Profile.tsx
@@ -21,7 +21,8 @@ import { Link } from "react-router-dom";
import { UserActionsMenu } from "@/components/UserActionsMenu";
import { ZappableLightningAddress } from "@/components/ZappableLightningAddress";
import { EditProfileForm } from "@/components/EditProfileForm";
-import { ExternalLink, Loader2, Settings, PartyPopper, Users } from "lucide-react";
+import { ExternalLink, Loader2, Settings, PartyPopper, Users, CalendarDays, Plus } from "lucide-react";
+import { useUserCalendars } from "@/lib/calendarUtils";
import { TimezoneDisplay } from "@/components/TimezoneDisplay";
import type {
DateBasedEvent,
@@ -135,6 +136,11 @@ export function Profile() {
staleTime: 30000,
});
+ const {
+ data: userCalendars = [],
+ isLoading: isLoadingCalendars,
+ } = useUserCalendars(pubkey);
+
const metadata = author.data?.metadata;
const displayName =
metadata?.name || metadata?.display_name || pubkey?.slice(0, 8) || "";
@@ -361,9 +367,10 @@ export function Profile() {
{/* Events Section: Tabs for Created and RSVP'd Events */}
-
+
{isLoadingCreated ? (
@@ -423,6 +430,65 @@ export function Profile() {
+ {isLoadingCalendars ? (
+
+ Loading calendars...
+
+ ) : userCalendars.length === 0 ? (
+
+
+
No Calendars Yet
+
You haven't created any group calendars yet.
+ {isOwnProfile && (
+
+
+ )}
+
+ {isOwnProfile && (
+
+
+
+
+ )}
+
+ {userCalendars.map((cal) => (
+
+
+
+
+
+
+
{cal.title}
+
+
+
+ {cal.description || "No description provided."}
+
+
+
+
+ ))}
+
+
{isLoadingRSVPs ? (
From 304e7f56212780c9d31023e886703cafded186ff Mon Sep 17 00:00:00 2001
From: Mnpezz <93685835+Mnpezz@users.noreply.github.com>
Date: Mon, 23 Feb 2026 09:51:56 -0600
Subject: [PATCH 14/42] group cal
---
src/pages/CalendarView.tsx | 240 +++++++++++++++++++++++++++++++++++
src/pages/CreateCalendar.tsx | 166 ++++++++++++++++++++++++
2 files changed, 406 insertions(+)
create mode 100644 src/pages/CalendarView.tsx
create mode 100644 src/pages/CreateCalendar.tsx
diff --git a/src/pages/CalendarView.tsx b/src/pages/CalendarView.tsx
new file mode 100644
index 0000000..2cdfa4f
--- /dev/null
+++ b/src/pages/CalendarView.tsx
@@ -0,0 +1,240 @@
+import { useParams, Link } from "react-router-dom";
+import { useQuery } from "@tanstack/react-query";
+import { useNostr } from "@/hooks/useNostr";
+import { parseCalendarEvent } from "@/lib/calendarUtils";
+import { createEventIdentifier } from "@/lib/nip19Utils";
+import { CalendarDays, MapPin, Plus } from "lucide-react";
+import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { TimezoneDisplay } from "@/components/TimezoneDisplay";
+
+export function CalendarView() {
+ const { naddr } = useParams(); // URL param should be the 'd' identifier or coordinate
+ const { nostr } = useNostr();
+
+ // Parse pubkey and d tag from the url param (assuming format pubkey:d or just d)
+ const parts = naddr?.split(':') || [];
+ const queryPubkey = parts.length > 1 ? parts[0] : null;
+ const queryD = parts.length > 1 ? parts[1] : naddr;
+
+ const { data: calendarData, isLoading: isLoadingCalendar } = useQuery({
+ queryKey: ['calendar', naddr],
+ enabled: !!nostr && !!queryD,
+ queryFn: async () => {
+ const filter: any = { kinds: [31924] };
+
+ if (queryD) {
+ filter['#d'] = [queryD];
+ }
+ if (queryPubkey) {
+ filter.authors = [queryPubkey];
+ }
+
+ const events = await nostr.query([filter]);
+ if (events.length === 0) return null;
+ return parseCalendarEvent(events[0]);
+ }
+ });
+
+ const calendarCoordinate = calendarData
+ ? `31924:${calendarData.pubkey}:${calendarData.d}`
+ : null;
+
+ // Query events that reference this calendar via an `a` tag OR events specifically included by the calendar
+ const { data: calendarEvents = [], isLoading: isLoadingEvents } = useQuery({
+ queryKey: ['calendarEvents', calendarCoordinate, calendarData?.events],
+ enabled: !!nostr && !!calendarCoordinate,
+ queryFn: async () => {
+ // 1. Find events that declare they belong to this calendar
+ const filters: any[] = [
+ {
+ kinds: [31922, 31923],
+ '#a': [calendarCoordinate!]
+ }
+ ];
+
+ // 2. Map explicit events that this calendar references
+ if (calendarData?.events && calendarData.events.length > 0) {
+ const explicitIds: string[] = [];
+
+ for (const ref of calendarData.events) {
+ if (ref.includes(':')) {
+ const parts = ref.split(':');
+ if (parts.length === 3) {
+ filters.push({
+ kinds: [parseInt(parts[0])],
+ authors: [parts[1]],
+ '#d': [parts[2]]
+ });
+ }
+ } else {
+ explicitIds.push(ref);
+ }
+ }
+
+ if (explicitIds.length > 0) {
+ filters.push({
+ kinds: [31922, 31923],
+ ids: explicitIds
+ });
+ }
+ }
+
+ const events = await nostr.query(filters);
+
+ // Deduplicate raw nostr events by their ID
+ const uniqueEventsMap = new Map();
+ events.forEach((e: any) => uniqueEventsMap.set(e.id, e));
+ const deduplicatedEvents = Array.from(uniqueEventsMap.values());
+
+ return deduplicatedEvents.sort((a: any, b: any) => {
+ const timeA = a.tags.find((t: any) => t[0] === 'start')?.[1];
+ const timeB = b.tags.find((t: any) => t[0] === 'start')?.[1];
+
+ const parseTime = (val: string | undefined, created: number) => {
+ if (!val) return created * 1000;
+ if (val.includes('-')) {
+ const [y, m, d] = val.split('-');
+ return new Date(parseInt(y), parseInt(m) - 1, parseInt(d)).getTime();
+ }
+ return parseInt(val) * 1000;
+ };
+
+ return parseTime(timeA, a.created_at) - parseTime(timeB, b.created_at);
+ });
+ }
+ });
+
+ if (isLoadingCalendar) {
+ return (
+
+ );
+ }
+
+ if (!calendarData) {
+ return (
+
+
Calendar not found
+
+ );
+ }
+
+ return (
+
+
+ {calendarData.image ? (
+
+
+
+
+
+ {calendarData.title}
+
+
+
+
+
+
+
+
+ {calendarData.title}
+
+
+
+
+
+ {calendarData.description}
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ {isLoadingEvents ? (
+
+ ) : calendarEvents.length > 0 ? (
+
+ {calendarEvents.map((event: any) => {
+ const title = event.tags.find((tag: string[]) => tag[0] === "title")?.[1] || "Untitled";
+ const description = event.content;
+ const startTime = event.tags.find((tag: string[]) => tag[0] === "start")?.[1];
+ const location = event.tags.find((tag: string[]) => tag[0] === "location")?.[1];
+ const imageUrl = event.tags.find((tag: string[]) => tag[0] === "image")?.[1];
+ const eventIdentifier = createEventIdentifier(event);
+
+ return (
+
+
+
+
+
+
+
+ {title}
+
+ {startTime && (
+
+
+ )}
+
+
+
+ {description}
+
+ {location && (
+
+ 📍
+ {location}
+
+ )}
+
+
+
+ );
+ })}
+
+ ) : (
+
+
+
No Events Yet
+
This calendar is currently empty.
+
+ )}
+
+
+ );
+}
diff --git a/src/pages/CreateCalendar.tsx b/src/pages/CreateCalendar.tsx
new file mode 100644
index 0000000..8c25d08
--- /dev/null
+++ b/src/pages/CreateCalendar.tsx
@@ -0,0 +1,166 @@
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { useQueryClient } from "@tanstack/react-query";
+import { useCurrentUser } from "@/hooks/useCurrentUser";
+import { useNostrPublish } from "@/hooks/useNostrPublish";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+import { ImageUpload } from "@/components/ImageUpload";
+import { toast } from "sonner";
+import { CalendarDays, Rocket, Target, FileText } from "lucide-react";
+
+export function CreateCalendar() {
+ const navigate = useNavigate();
+ const { user } = useCurrentUser();
+ const queryClient = useQueryClient();
+ const { mutate: createEvent } = useNostrPublish();
+ const [isSubmitting, setIsSubmitting] = useState(false);
+ const [formData, setFormData] = useState({
+ title: "",
+ description: "",
+ imageUrl: "",
+ });
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ if (!user) return;
+
+ if (!formData.title.trim()) {
+ toast.error("Calendar Name is required");
+ return;
+ }
+
+ setIsSubmitting(true);
+ try {
+ const uniqueId = formData.title.toLowerCase().replace(/\s+/g, "-") + "-" + Date.now();
+
+ const tags = [
+ ["d", uniqueId], // Unique identifier representing the Calendar
+ ["title", formData.title]
+ ];
+
+ if (formData.imageUrl) {
+ tags.push(["image", formData.imageUrl]);
+ }
+
+ createEvent({
+ kind: 31924,
+ content: formData.description, // Calendar description is stored in content for 31924
+ tags,
+ }, {
+ onSuccess: () => {
+ // Invalidate calendar caches so it shows up immediately
+ queryClient.invalidateQueries({ queryKey: ['calendars'] });
+ // Go to user's profile to see the new calendar in their list
+ const npub = import("nostr-tools").then(({ nip19 }) => {
+ navigate(`/profile/${nip19.npubEncode(user.pubkey)}`);
+ });
+ },
+ onError: (error) => {
+ console.error("Error creating calendar:", error);
+ toast.error("Failed to create calendar");
+ }
+ });
+
+ } catch (error) {
+ toast.error("An unexpected error occurred");
+ console.error(error);
+ } finally {
+ setIsSubmitting(false);
+ }
+ };
+
+ if (!user) {
+ return (
+
+
+
🗓️
+
+
+ Create a Group Calendar
+
+
+ Please log in to organize events for your community.
+
+
+
+
+ );
+ }
+
+ return (
+
+
+
+
+
+ Create a Group Calendar
+
+
+ Make a dedicated feed for your community or meetup group
+
+
+
+
+