feat: enhance notifications functionality with sync and visibility change handling

Adding chocolatey publishing

README.md

@@ -10,6 +10,7 @@
 
 [![build](https://img.shields.io/github/actions/workflow/status/hydralauncher/hydra/build.yml)](https://github.com/hydralauncher/hydra/actions)
 [![release](https://img.shields.io/github/package-json/v/hydralauncher/hydra)](https://github.com/hydralauncher/hydra/releases)
+[![chocolatey](https://img.shields.io/chocolatey/v/hydralauncher.svg)](https://community.chocolatey.org/packages/hydralauncher)
 
 ![Hydra Launcher Home Page](./docs/screenshot.png)
 

src/renderer/src/pages/notifications/notification-item.scss

@@ -11,6 +11,8 @@
   transition: all ease 0.2s;
   position: relative;
   opacity: 0.4;
+  width: 100%;
+  text-align: left;
 
   &:hover {
     background-color: rgba(255, 255, 255, 0.03);
@@ -40,12 +42,17 @@
     align-items: center;
     justify-content: center;
     background-color: globals.$background-color;
+    color: #fff;
 
     img {
       width: 100%;
       height: 100%;
       object-fit: cover;
     }
+
+    svg {
+      color: inherit;
+    }
   }
 
   &__badge-picture {

src/renderer/src/pages/notifications/notifications.tsx

@@ -130,6 +130,32 @@ export default function Notifications() {
     return () => unsubscribe();
   }, []);
 
+  useEffect(() => {
+    const unsubscribe = window.electron.onSyncNotificationCount(() => {
+      if (userDetails) {
+        fetchApiNotifications(0, false);
+      }
+      fetchLocalNotifications();
+    });
+
+    return () => unsubscribe();
+  }, [userDetails, fetchApiNotifications, fetchLocalNotifications]);
+
+  useEffect(() => {
+    const handleVisibilityChange = () => {
+      if (!document.hidden && userDetails) {
+        fetchApiNotifications(0, false);
+        fetchLocalNotifications();
+      }
+    };
+
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, [userDetails, fetchApiNotifications, fetchLocalNotifications]);
+
   const mergedNotifications = useMemo<MergedNotification[]>(() => {
     const sortByDate = (a: MergedNotification, b: MergedNotification) =>
       new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();

src/renderer/src/pages/profile/profile-content/add-friend-modal.scss

@@ -116,5 +116,6 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    text-align: left;
   }
 }