Adding red dot indicator feature, got main components done

commafeed-client/src/app/tree/slice.ts

@@ -43,6 +43,20 @@ export const treeSlice = createSlice({
     },
     extraReducers: builder => {
         builder.addCase(reloadTree.fulfilled, (state, action) => {
+            visitCategoryTree(action.payload, category => {
+            category.feeds = category.feeds.map(feed => {
+            const storageKey = `feed-${feed.id}-unread`
+            const prevUnread = parseInt(localStorage.getItem(storageKey) || "0", 10)
+            const hasNewEntries = feed.unread > prevUnread
+
+            localStorage.setItem(storageKey, feed.unread.toString())
+
+            return {
+                ...feed,
+                hasNewEntries
+            }
+            })
+        })
             state.rootCategory = action.payload
         })
         builder.addCase(collapseTreeCategory.pending, (state, action) => {

commafeed-client/src/app/types.ts

@@ -30,13 +30,17 @@ export interface Subscription {
     filter?: string
 }
 
+export interface TreeSubscription extends Subscription {
+    hasNewEntries?: boolean
+}
+
 export interface Category {
     id: string
     parentId?: string
     parentName?: string
     name: string
     children: Category[]
-    feeds: Subscription[]
+    feeds: TreeSubscription[]
     expanded: boolean
     position: number
 }