sosokker/B2D-Ventures
1
0
Fork 0
mirror of https://github.com/Sosokker/B2D-Ventures.git synced 2025-12-20 14:34:05 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Refactor profileBar component to fix notification count display

Browse Source
This commit is contained in:
Pattadon 2024-10-31 15:19:06 +07:00
parent 7d60a209fa
commit 22fe709ce8
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/navigationBar/profileBar.tsx
View File

@ -33,14 +33,14 @@ const UnAuthenticatedComponents = () => {
}; };
const AuthenticatedComponents = ({ uid }: { uid: string }) => { const AuthenticatedComponents = ({ uid }: { uid: string }) => {
let notifications = 100; let notifications = 1;
const displayValue = notifications >= 100 ? "..." : notifications; const displayValue = notifications >= 100 ? "..." : notifications;
return ( return (
<div className="flex gap-3 pl-2 items-center"> <div className="flex gap-3 pl-2 items-center">
<Link href={"/notification"}> <Link href={"/notification"}>
<div className="relative inline-block"> <div className="relative inline-block">
<Bell className="h-6 w-6" /> <Bell className="h-6 w-6 " />
<span className="absolute -top-1 -right-1 inline-flex items-center justify-center w-4 h-4 text-xs font-bold text-white bg-red-600 rounded-full"> <span className="absolute -top-1 -right-1 inline-flex items-center justify-center w-4 h-4 text-xs font-bold text-white bg-red-600 rounded-full animate-ping">
{displayValue} {displayValue}
</span> </span>
</div> </div>