PostButton.tsx raw

   1  import { cn } from '@/lib/utils'
   2  import { useCompose } from '@/providers/ComposeProvider'
   3  import { useNostr } from '@/providers/NostrProvider'
   4  import { PencilLine } from 'lucide-react'
   5  import SidebarItem from './SidebarItem'
   6  
   7  export default function PostButton({ collapse, navIndex }: { collapse: boolean; navIndex?: number }) {
   8    const { checkLogin } = useNostr()
   9    const { openCompose } = useCompose()
  10  
  11    return (
  12      <div className="pt-4">
  13        <SidebarItem
  14          title="New post"
  15          description="Post"
  16          onClick={(e) => {
  17            e.stopPropagation()
  18            checkLogin(() => {
  19              openCompose()
  20            })
  21          }}
  22          variant="default"
  23          className={cn('bg-primary gap-2', !collapse && 'justify-center')}
  24          collapse={collapse}
  25          navIndex={navIndex}
  26        >
  27          <PencilLine />
  28        </SidebarItem>
  29      </div>
  30    )
  31  }
  32