70 lines
2.1 KiB
TypeScript
70 lines
2.1 KiB
TypeScript
"use client";
|
|
import { useState, useRef, useEffect } from "react";
|
|
import Link from "next/link";
|
|
import Template from "./Template";
|
|
import { Button } from "@/components/ui/button";
|
|
import { useModal } from "@/app/_providers/modal/provider";
|
|
import { nip19 } from "nostr-tools";
|
|
// import { useKeys } from "@/app/_providers/keysProvider";
|
|
import { useNDK } from "@/app/_providers/ndk";
|
|
import useCurrentUser from "@/lib/hooks/useCurrentUser";
|
|
import {
|
|
HiChatBubbleLeftEllipsis,
|
|
HiBookmarkSquare,
|
|
HiNewspaper,
|
|
HiCalendarDays,
|
|
} from "react-icons/hi2";
|
|
import { RiSubtractFill, RiAddFill } from "react-icons/ri";
|
|
import { formatCount } from "@/lib/utils";
|
|
import LoginModal from "./Login";
|
|
import CreateList from "./CreateList";
|
|
import ShortTextNoteModal from "./ShortTextNote";
|
|
import CreateCalendarEventModal from "./CreateCalendarEvent";
|
|
import CreateCalendarModal from "./CreateCalendar";
|
|
export default function NewEventModal() {
|
|
const modal = useModal();
|
|
return (
|
|
<Template title="New Event" className="md:max-w-[400px]">
|
|
<div className="flex flex-col gap-y-5">
|
|
<Button
|
|
onClick={() => {
|
|
modal?.swap(<ShortTextNoteModal />);
|
|
}}
|
|
className="w-full gap-x-1"
|
|
>
|
|
<span>Short Text</span>
|
|
<HiChatBubbleLeftEllipsis className="h-4 w-4" />
|
|
</Button>
|
|
<Button
|
|
onClick={() => {
|
|
modal?.swap(<CreateCalendarEventModal />);
|
|
}}
|
|
className="w-full gap-x-1"
|
|
>
|
|
<span>Calendar Event</span>
|
|
<HiNewspaper className="h-4 w-4" />
|
|
</Button>
|
|
<Button
|
|
onClick={() => {
|
|
modal?.swap(<CreateCalendarModal />);
|
|
}}
|
|
className="w-full gap-x-1"
|
|
>
|
|
<span>Create Calendar</span>
|
|
<HiCalendarDays className="h-4 w-4" />
|
|
</Button>
|
|
|
|
{/* <Button
|
|
onClick={() => {
|
|
modal?.swap(<CreateList />);
|
|
}}
|
|
className="w-full gap-x-1"
|
|
>
|
|
<span>Content List</span>
|
|
<HiBookmarkSquare className="h-4 w-4" />
|
|
</Button> */}
|
|
</div>
|
|
</Template>
|
|
);
|
|
}
|