BookmarkButton.tsx raw

   1  import { usePrimaryPage } from '@/PageManager'
   2  import { useNostr } from '@/providers/NostrProvider'
   3  import { Bookmark } from 'lucide-react'
   4  import BottomNavigationBarItem from './BottomNavigationBarItem'
   5  
   6  export default function BookmarkButton() {
   7    const { navigate, current, display } = usePrimaryPage()
   8    const { pubkey } = useNostr()
   9  
  10    if (!pubkey) return null
  11  
  12    return (
  13      <BottomNavigationBarItem
  14        active={current === 'bookmark' && display}
  15        onClick={() => navigate('bookmark')}
  16      >
  17        <Bookmark />
  18      </BottomNavigationBarItem>
  19    )
  20  }
  21