hq/Bpistle
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: zap (#107)

Browse source
This commit is contained in:
Cody Tseng 2025-03-01 23:52:05 +08:00 • committed by GitHub
parent 407a6fb802
commit 249593d547
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
72 changed files with 2582 additions and 818 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/BottomNavigationBar/NotificationsButton.tsx
View file

@ -1,16 +1,23 @@
import { usePrimaryPage } from '@/PageManager'
import { useNotification } from '@/providers/NotificationProvider'
import { Bell } from 'lucide-react'
import BottomNavigationBarItem from './BottomNavigationBarItem'
export default function NotificationsButton() {
const { navigate, current } = usePrimaryPage()
const { hasNewNotification } = useNotification()
return (
<BottomNavigationBarItem
active={current === 'notifications'}
onClick={() => navigate('notifications')}
>
<Bell />
<div className="relative">
<Bell />
{hasNewNotification && (
<div className="absolute -top-1 -right-1 w-2 h-2 bg-primary rounded-full" />
)}
</div>
</BottomNavigationBarItem>
)
}