Files
smesh/src/components/Sidebar/PostButton.tsx
2025-01-29 15:32:26 +08:00

31 lines
797 B
TypeScript

import PostEditor from '@/components/PostEditor'
import { useNostr } from '@/providers/NostrProvider'
import { PencilLine } from 'lucide-react'
import { useState } from 'react'
import SidebarItem from './SidebarItem'
export default function PostButton() {
const { checkLogin } = useNostr()
const [open, setOpen] = useState(false)
return (
<div className="pt-4">
<SidebarItem
title="New post"
description="Post"
onClick={(e) => {
e.stopPropagation()
checkLogin(() => {
setOpen(true)
})
}}
variant="default"
className="bg-primary xl:justify-center gap-2"
>
<PencilLine strokeWidth={3} />
</SidebarItem>
<PostEditor open={open} setOpen={setOpen} />
</div>
)
}