fix: notification indicator (#1955)

open-sauced · Oct 20, 2023 · fd78097 · fd78097
2 parents 0a86d33 + 819831b
commit fd78097
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/components/molecules/AuthSection/auth-section.tsx b/components/molecules/AuthSection/auth-section.tsx
@@ -117,7 +117,15 @@ const AuthSection: React.FC = ({}) => {
                   <Divider type="vertical" className="!h-6 !bg-light-slate-6"></Divider>
                 </>
               )}
-              <button className="relative cursor-pointer" onClick={() => router.push(`/user/notifications`)}>
+              <button
+                className="relative cursor-pointer"
+                onClick={() => {
+                  if (userInfo && userInfo.notification_count > 0) {
+                    setUserInfo({ ...userInfo, notification_count: 0 });
+                  }
+                  router.push(`/user/notifications`);
+                }}
+              >
                 {userInfo && userInfo.notification_count > 0 && (
                   <span className="absolute right-0 block w-2 h-2 bg-orange-300 rounded-full"></span>
                 )}