fix: reverting notifications created from previous state refactoring

Author: Bob-six

package.json

@@ -1,6 +1,6 @@
 {
   "name": "aura",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "license": "GPL-3.0-or-later",
   "type": "module",
   "packageManager": "bun@1.2.4",

src/components/Header/DefaultHeader.tsx

@@ -43,7 +43,9 @@ export default function DefaultHeader({
   breadcrumbs?: ReactNode;
 } & PropsWithChildren) {
   const dispatch = useDispatch();
-  const notificationsCount = useSelector(notificationsSelector).length;
+  const notificationsCount = useSelector(notificationsSelector).filter(
+    (item) => !item.viewed,
+  ).length;
 
   return (
     <div className="flex flex-col gap-2.5 px-1 pt-3 md:px-4 md:pt-9">

src/store/index.ts

@@ -75,7 +75,7 @@ const persistIgnoredActions = [
 
 const persistConfig = {
   key: 'root',
-  version: 5,
+  version: 6,
   storage: localforage,
   blacklist: ['recoveryData'],
   migrate: async (state: PersistedState, currentVersion: number) => {

src/store/migrations.ts

@@ -65,4 +65,13 @@ export const migrations: MigrationManifest = {
       },
     };
   },
+  6: (oldState: any) => {
+    return {
+      ...oldState,
+      notifications: {
+        ...oldState.notifications,
+        items: [],
+      },
+    };
+  },
 };