index.tsx raw

   1  import { Button } from '@/components/ui/button'
   2  import { useNostr } from '@/providers/NostrProvider'
   3  import { Zap } from 'lucide-react'
   4  import { useState } from 'react'
   5  import ZapDialog from '../ZapDialog'
   6  
   7  export default function ProfileZapButton({ pubkey }: { pubkey: string }) {
   8    const { checkLogin } = useNostr()
   9    const [open, setOpen] = useState(false)
  10  
  11    return (
  12      <>
  13        <Button
  14          variant="secondary"
  15          size="icon"
  16          className="rounded-full"
  17          onClick={() => checkLogin(() => setOpen(true))}
  18        >
  19          <Zap className="text-yellow-400" />
  20        </Button>
  21        <ZapDialog open={open} setOpen={setOpen} pubkey={pubkey} />
  22      </>
  23    )
  24  }
  25