sosokker/B2D-Ventures
1
0
Fork 0
mirror of https://github.com/Sosokker/B2D-Ventures.git synced 2025-12-18 21:44:06 +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 }) => {
let notifications = 100;
let notifications = 1;
const displayValue = notifications >= 100 ? "..." : notifications;
return (
<div className="flex gap-3 pl-2 items-center">
<Link href={"/notification"}>
<div className="relative inline-block">
<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">
<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 animate-ping">
{displayValue}
</span>
</div>