49 lines
1.5 KiB
TypeScript
49 lines
1.5 KiB
TypeScript
|
"use client";
|
||
|
|
import { HiOutlineChatBubbleLeftRight } from "react-icons/hi2";
|
||
|
|
import { RiAddFill } from "react-icons/ri";
|
||
|
|
import { Button } from "@/components/ui/button";
|
||
|
|
import Feed from "@/containers/Feed";
|
||
|
|
import CreateKind1Modal from "@/components/Modals/Kind1";
|
||
|
|
import { useModal } from "@/app/_providers/modal/provider";
|
||
|
|
|
||
|
|
type DiscussionContainerProps = {
|
||
|
|
eventReference: string;
|
||
|
|
};
|
||
|
|
export default function DiscussionContainer({
|
||
|
|
eventReference,
|
||
|
|
}: DiscussionContainerProps) {
|
||
|
|
const modal = useModal();
|
||
|
|
return (
|
||
|
|
<div className="overflow-hidden rounded-[1rem] border bg-muted p-[0.5rem]">
|
||
|
|
<div className="flex items-center justify-between gap-x-3 pb-2 pl-2">
|
||
|
|
<div className="flex items-center gap-x-3">
|
||
|
|
<HiOutlineChatBubbleLeftRight className="h-5 w-5" />
|
||
|
|
<h3 className="text-lg font-semibold">Discussion</h3>
|
||
|
|
</div>
|
||
|
|
<Button
|
||
|
|
onClick={() =>
|
||
|
|
modal?.show(<CreateKind1Modal tags={[["a", eventReference]]} />)
|
||
|
|
}
|
||
|
|
size={"icon"}
|
||
|
|
className="center group h-auto w-auto gap-x-1 rounded-full p-1"
|
||
|
|
>
|
||
|
|
<RiAddFill className="h-5 w-5" />
|
||
|
|
</Button>
|
||
|
|
</div>
|
||
|
|
<div className="w-full space-y-3">
|
||
|
|
<Feed
|
||
|
|
filter={{
|
||
|
|
kinds: [1],
|
||
|
|
["#a"]: [eventReference],
|
||
|
|
}}
|
||
|
|
empty={() => (
|
||
|
|
<div className="py-3 text-center text-sm text-muted-foreground">
|
||
|
|
<p>No Notes yet</p>
|
||
|
|
</div>
|
||
|
|
)}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|